慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

慕数据0861823

文档对象模型DOM（Document Object Model）

查看全部

0 采集收起来源：认识DOM
2016-12-28
乔木的丝萝

从编程角度讲，变量是用于存储某种/某些数值的存储器。

查看全部

0 采集收起来源：JavaScript-什么是变量
2016-12-28
蒲小副官

显示和隐藏（display属性）: Object.style.display = "none"/"block"; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素

查看全部

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

改变 HTML 样式: <p id="pcon">Hello World!</p> <script> var mychar = document.getElementById("pcon"); mychar.style.color="red"; mychar.style.fontSize="20"; mychar.style.backgroundColor ="blue"; </script>

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
蒲小副官

innerHTML 属性:用于获取或替换 HTML 元素的内容

查看全部

0 采集收起来源：innerHTML 属性
2016-12-28
蒲小副官

通过ID获取元素:document.getElementById(“id”) document.getElementById(“id”) 获取到的是整个对象 document.getELementById().innerHTML;才可以获取到其中的内容

查看全部

0 采集收起来源：通过ID获取元素
2016-12-28
Cgreen

引用JS文件： <script src="script.js"> </script>

查看全部

0 采集收起来源：我也可以独立（引用JS外部文件）
2018-03-22
蒲小副官

打开新窗口（window.open）例如:打开http://www.imooc.com网站，大小为300px * 200px，无菜单，无工具栏，无状态栏，有滚动条窗口： <script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes') </script>

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-03-22
Warn

<h2 id="con">JavaScript课程</H2> <form>  <input type="button" value="改变颜色" onclick="changec();" > <input type="button" value="改变宽高" onclick="changewh();"> <input type="button" value="隐藏内容" onclick="changen();"> <input type="button" value="显示内容" onclick="changeb();"> <input type="button" value="取消设置" onclick="changeq();" > </form> <script type="text/javascript"> mychar=document.getElementById("con"); //定义"改变颜色"的函数 function changec(){ mychar.style.color="blue"; }; //定义"改变宽高"的函数 function changewh(){ mychar=document.getElementById("con"); mychar.style.width="200px"; mychar.style.height="200px"; } //定义"隐藏内容"的函数 function changen(){ mychar.style.display="none"; }; //定义"显示内容"的函数 function changeb(){ mychar.style.display="block"; }; //定义"取消设置"的函数 function changeq(){ var msg=confirm("是否要取消设置？"); if(msg==true){ mychar.removeAttribute('style'); } } </script> </body> </html>

查看全部

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

mychar.style.color="red"; mychar.style.backgroundColor="#CCC"; mychar.style.width="300px"; 样式后面的属性要加单位和加双引号

查看全部

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

左边例子输出为null,是因为代码是顺序执行的，先调用了JavaScript代码，但是这个时候还没有ID为“con”的元素，得到空 document.getElementById('con')获取的只是P标签，返回的是[object HTMLParagraphElement]，document.getElementById('con').innerHTML获取的才是P标签里的内容，返回的是JavaScript

查看全部

0 采集收起来源：通过ID获取元素
2016-12-28
O1dSky

注意自己起的变量名字不要写错。。。另外，这样写输入网址的时候就不用加 http:// 了 var url=prompt("请输入你要打开的网址","www.imooc.com"); // 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/ if(url!=null){window.open("http://"+url,"_blank",'width=400px,height=500px,menubar=no,toolbar=no');} //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。

查看全部

0 采集收起来源：编程练习
2018-03-22
qq_36小時距離_03589889

xx.style.display="none" xx.style.display="block"

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-03-22
qq_36小時距離_03589889

xx.stype.backgroundColor

查看全部

1 采集收起来源：改变 HTML 样式
2016-12-28
豆丁不是逗

可以；了

查看全部

0 采集收起来源：编程练习
2016-12-28

首页上一页 1400 1401 1402 1403 1404 1405 1406 下一页尾页

0/150

提交

取消

开始学习

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

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