慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

三月花一世念

html: /!-- -- css: /* */ JS: 单行// 多行/* */

查看全部

0 采集收起来源：JavaScript-注释很重要
2017-03-05
三月花一世念

JS语言需要加;英文状态下 document.write("Hello"); document.write("world"); 这两句写完之后，中间没有空格。

查看全部

0 采集收起来源：JavaScript-认识语句和符号
2018-03-22
三月花一世念

JavaScript可以放在head部分，也可以放在body部分。最常用的是放在head部分

查看全部

0 采集收起来源：找到你的位置（JS在页面中的位置）
2017-03-05
小谢星

<form>  <input type="button" value="改变颜色" onClick="changeColor();"> <input type="button" value="改变宽高" onClick="changeWH();"> <input type="button" value="隐藏内容" onClick="hide();"> <input type="button" value="显示内容" onClick="show();"> <input type="button" value="取消设置" onClick="cancelSet();"> </form> <script type="text/javascript"> var div = document.getElementById("txt"); //定义"改变颜色"的函数 function changeColor(){ div.style.color = "red"; } //定义"改变宽高"的函数 function changeWH(){ div.style.width = "300px"; div.style.width = "400px"; } //定义"隐藏内容"的函数 function hide(){ div.style.display = "none"; } //定义"显示内容"的函数 function show(){ div.style.display = "block"; } //定义"取消设置"的函数 function cancelSet(){ if(confirm("确认要取消当前设置吗？")){ div.removeAttribute('style'); } } </script> </body> </html>

查看全部

0 采集收起来源：编程挑战
2018-03-22
小谢星

doc对象的className属性，能够修改对象的class属性，为对象添加已经定义好的样式例如：object.className = "one"; 则将object的class改为one样式，浏览器会去所有的style标签、link引用的css文件中查找'.one'的样式进行修改

查看全部

0 采集收起来源：控制类名（className 属性）
2018-03-22
小谢星

dom对象的显示和隐藏：使用Object.style.display实现，显示用block，隐藏用none；对应jQuery为：$("xx").show();$("xx").hidden();

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-03-22
小谢星

jQuery修改样式有下面方法： var $Object = $("xx"); 1、$Object.attr("style","");//完全覆盖之前的样式 2、$Object.addClass("className");$Object.removeClass("className");//增加、移除对应的class样式，class为style中以 ‘.’开头的样式 3、$Object.css({'width':100,'font-size'font-size:'12px'});//json结构，同时设置多个css属性的值

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
小谢星

html一般的写法结构 <html> <head> <meta content="text/html" charset="UTF-8"/> <title>myHTML</title> <script type="text/javascript"> function a(){ } a(); </script> <style> css{ } </style> <link src="xxx.css"/> </head> <body onload="xxx();"> DOM内容 </body> </html> 一、常用互动方法： 1、输出内容：document.write();//给文件的输出流写内容 2、警告：alert("要显示的信息！");无返回值 3、确认：confirm("确认吗？");返回Boolean 4、提问：prompt("请输入内容","默认输入的内容");返回输入的内容 5、打开新窗口：window.open("新打开的url","打开区域，例如_blank.","打开样式 width=xx,height=xx"); 6、关闭窗口：window.close();关闭当前窗口二、DOM(Document Object Model) 文档对象模型包括三种节点：对象节点：<a、属性节点：href、文本节点：a的内容对应jQuery：$("a");$("a").attr("href");$("a").text(); 获取对象：getElementById();getElementByClassName();getElementsByTagName(); 对应jQuery方法：$("#xx");$(".xx");$("xx"); 获取对象内容： 1、获取html：innerHTML，对应 $("xx").html(); 2、获取文本内容：innerText，对应$("xx").text(); 3、获取输入的值（input元素，各种类型input，例如：text、textarea、radio、select、等）：value,对应$("xx").val(); 三、改变HTML样式：Object.style.property = new style; property包含以下：backgroundColor、height、width、display等。

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
嬡徳

<!DOCTYPE html> <html> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=gbk"/> <script type="text/javascript"> function openWindow(){ var New= prompt("请输入要打开的网址", "http：//www.imooc.com/"); if (New!=null) { // 新窗口打开时弹出确认框，是否打开 window.open('http：//www.imooc.com/','_blank','width=400,height=500,menubar=no,toolbar=no'); } else {} } </script> </head> <body> <input type="button" value="新窗口打开网站" onclick="openWindow()" /> </body> </html>

查看全部

0 采集收起来源：编程练习
2018-03-22
慕粉1346254686

removeAttribute() 方法删除指定的(标签的)属性。 removeAttribute('style');删除style(样式)属性

查看全部

0 采集收起来源：编程挑战
2017-03-04
qq_我亦不弃_0

定义变量使用关键字var,语法如下： var 变量名变量名可以任意取名，但要遵循命名规则: 1.变量必须使用字母、下划线(_)或者美元符($)开始。 2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。 3.不能使用JavaScript关键词与JavaScript保留字。变量要先声明再赋值

查看全部

0 采集收起来源：JavaScript-什么是变量
2017-03-04
慕粉1346254686

<!DOCTYPE html> <html> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=gbk"/> <script type="text/javascript"> function openWindow(){ // 新窗口打开时弹出确认框，是否打开 if(confirm('是否打开新窗口') == true){ // 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/ var imooc = prompt("请输入要打开的网址","http://www.baidu.com"); //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。 window.open(imooc,'_blank','width=400,height=500,scrollbar=no,toolbar=no'); } } </script> </head> <body> <input type="button" value="新窗口打开网站" onclick="openWindow()" /> </body> </html>

查看全部

0 采集收起来源：编程练习
2018-03-22
慕粉1346254686

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>prompt</title> <script type="text/javascript"> function rec(){ var score; //score变量，用来存储用户输入的成绩值。 score = prompt("请输入您的成绩","60") ;//prompt(str1,str2),弹出一个对话框，对话框固定提示信息str1，对话框输入提示信息str2 if(score>=90) { document.write("你很棒!"); } else if(score>=75) { document.write("不错吆!"); } else if(score>=60) { document.write("要加油!"); } else { document.write("要努力了!"); } } </script> </head> <body> <input name="button" type="button" onClick="rec()" value="点击我，对成绩做评价!" /> </body> </html>

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2018-03-22
慕粉1346254686

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>prompt</title> <script type="text/javascript"> function rec(){ var score; //score变量，用来存储用户输入的成绩值。 score = prompt("请输入您的成绩","60") ; if(score>=90) { document.write("你很棒!"); } else if(score>=75) { document.write("不错吆!"); } else if(score>=60) { document.write("要加油!"); } else { document.write("要努力了!"); } } </script> </head> <body> <input name="button" type="button" onClick="rec()" value="点击我，对成绩做评价!" /> </body> </html>

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2018-03-22
qq_半错半对_04167704

显示和隐藏（display属性）网页中经常会看到显示和隐藏的效果，可通过display属性来设置。语法： Object.style.display = value value取值: none 此元素不会被显示（即隐藏） block 此元素将显示为块级元素(即显示)

查看全部

0 采集收起来源：显示和隐藏（display属性）
2017-03-04

首页上一页 1227 1228 1229 1230 1231 1232 1233 下一页尾页

0/150

提交

取消

开始学习

课程须知: 该课程是针对新手的一个简单基础的课程，让您快速了解JS，通过一些简单的代码编写体会JS。如果您已经对JS有所了解，可以跳过本课程，学习JS进阶课程，进一步学习JS相应的基础知识。学习本课程，希望您至少具备HTML/CSS基础知识，认识常用的标签。

老师告诉你能学到什么？: 1. 理解JavaScript基础语法； 2. 掌握常用语句的使用方法； 3. 学会如何获取DOM元素及进行简单操作。