慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

慕数据5051374

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

查看全部

0 采集收起来源：innerHTML 属性
2017-06-30
慕数据5051374

document.getElementById(“id”) 通过ID获取元素

查看全部

0 采集收起来源：通过ID获取元素
2017-06-30
qq_能不能不考数学_0

1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观

查看全部

0 采集收起来源：控制类名（className 属性）
2017-06-30
qq_能不能不考数学_0

通过ID获取元素：语法：document.getElementById(“id名称”) 结果：null或[object HTMLParagraphElement] 注：获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。 document.getElementById() 获取到的是整个对象 document.getELementById().innerHTML;才可以获取到对象中的内容 innerHTML属性：用于获取或替换 HTML 元素的内容。语法：Object.innerHTML 注意： 1）Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。 2）注意书写，innerHTML区分大小写。示例： <h2 id="con">javascript</H2> <p> JavaScript是一种基于对象、事件驱动的简单脚本语言</p> <script type="text/javascript"> var mychar=document.getElementById("con"); document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容 mychar.innerHTML="Hello world!"; document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容 </script>

查看全部

1 采集收起来源：通过ID获取元素
2018-03-22
慕粉5101576

函数要打（）onClick()两个单词后面的单词首字母大写

查看全部

0 采集收起来源：编程挑战
2017-06-30
精慕门6398676

JavaScript-输出内容（document.write） document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。第一种:输出内容用""括起，直接输出""号内的内容。 <script type="text/javascript"> document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。 </script> 第二种:通过变量，输出内容 <script type="text/javascript"> var mystr="hello world!"; document.write(mystr); //直接写变量名，输出变量存储的内容。 </script> 第三种:输出多项内容，内容之间用+号连接。 <script type="text/javascript"> var mystr="hello"; document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接 </script> 第四种:输出HTML标签，并起作用，标签使用""括起来。 <script type="text/javascript"> var mystr="hello"; document.write(mystr+"<br>");//输出hello后，输出一个换行符 document.write("JavaScript"); </script> 关于JS输出空格问题，请查看wiki中" JS如何输出空格 "

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2018-03-22
慕的地4252698

打开窗口：window.open([URL], [窗口名称], [参数字符串]) window.open("http://www.imooc.com","_blank",'width=600,height=400,top=100,left=0'); "_top"、"_blank"、"self"具有特殊意义的名称。 _blank：在新窗口显示目标网页 _self：在当前窗口显示目标网页 _top：框架网页中在上部窗口中显示目标网页 top-(数字)距屏顶的像素数 left-(数字)距屏左的像素数 width-(数字)窗口的宽度 height-(数字)窗口的高度 menubar-(yes/no)窗口有无菜单 toolbar-(yes/no)窗口有无工具条 scrollbars(yes/no)窗口有无滚动条 status(yes/no)窗口有无状态栏

查看全部

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

alert("hello!");就是一个JavaScript语句

查看全部

0 采集收起来源：JavaScript-认识语句和符号
2018-03-22
爱淋宇的小孩

html的注释: css的注释:/*我是注释*/ js的注释://单行注释(crtl+/) /*多行注释(crtl+shift+/)*/

查看全部

0 采集收起来源：JavaScript-注释很重要
2018-03-22
慕粉5101576

通过ID(对象)获取元素学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。语法: document.getElementById(“id”) 元素对象 innerHTML 属性用于获取或替换 HTML 元素里的内容。（改变的是id标签里的内容） document.getElementById(“id”) .innerHTML document.getElementById(“id”).style.property=new style;（改变得是id）注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。基本属性表（property）: http://img1.sycdn.imooc.com//52e4d4240001dd6c04850229.jpg 显示和隐藏（display属性） Object.style.display = value取值:"none"or"block" 控制类名（className 属性） className 属性设置或返回元素的class 属性。语法： object.className= "classname2"（改变或添加所属的类）

查看全部

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

function contxt() { alert("哈哈") }

查看全部

0 采集收起来源：JavaScript-什么是函数
2018-03-22
慕粉5101576

<form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器传输数据。 <body> <form> <h2 >欢迎注册</h2><br> 输入账号（文本框）：<input type="text" ><br> 输入密码（密码框）：<input type="password" ><br> 选择性别（单选按钮）： <input type="radio" name="sex" checked="checked" >男 <input type="radio" name="sex" >女<br> 选择爱好（复选框）： <input type="checkbox" >唱歌 <input type="checkbox" >跳舞 <input type="checkbox" checked>打球 <input type="checkbox" >打游戏<br> <input type="submit" value="注册" /> <input type="reset" value="清空" /> <input type="button" value="普通按钮" /> </form> </body>

查看全部

0 采集收起来源：控制类名（className 属性）
2018-03-22
慕粉5101576

document.getElementById('con')获取的只是P标签，返回的是[object HTMLParagraphElement]，document.getElementById('con').innerHTML获取的才是P标签里的内容，返回的是JavaScript

查看全部

0 采集收起来源：通过ID获取元素
2017-06-29
慕先生359908

<input type="button" onclick="changeColor()" value="改变颜色" /> <input type="button" value="改变宽高" onClick="changeSize()"> <input type="button" value="隐藏内容" onClick="hideCon()"> <input type="button" value="显示内容" onClick="showCon()"> <input type="button" value="取消设置" onClick="cancel()"> </form> <script type="text/javascript"> //定义"改变颜色"的函数 var obj = document.getElementById("txt"); function changeColor(){ obj.style.color = "green"; obj.style.backgroundColor = "#ccc"; } //定义"改变宽高"的函数 function changeSize(){ obj.style.width = "500px"; obj.style.backgroundColor = "400px"; } //定义"隐藏内容"的函数 function hideCon(){ obj.style.display="none"; } //定义"显示内容"的函数 function showCon(){ obj.style.display="block"; } //定义"取消设置"的函数 function cancel(){ var close = confirm("是否取消设置？"); if(close){ obj.removeAttribute("style"); } }

查看全部

0 采集收起来源：编程挑战
2018-03-22
qq_chen陈peng鹏_04204025

Object.style.display = none/block

查看全部

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

首页上一页 945 946 947 948 949 950 951 下一页尾页

0/150

提交

取消

开始学习

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

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