慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

Index98

http://img1.sycdn.imooc.com//52e3677900013d6a05020261.jpg

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2017-04-27
岁月静好只争朝夕

注意这个地方的 className ，还有前面提到过的getElementById等等都必须严格遵循驼峰法否则将不起作用

查看全部

0 采集收起来源：控制类名（className 属性）
2017-04-27
岁月静好只争朝夕

有没有觉得平时我们在网页上点击的“更多”选项就是这种效果？

查看全部

0 采集收起来源：显示和隐藏（display属性）
2017-04-27
形式扰人

一、定义"改变颜色"的函数提示: obj.style.color obj.style.backgroundColor 二、定义"改变宽高"的函数提示: obj.style.width obj.style.height 三、定义"隐藏内容"的函数提示: obj.style.display="none"; 四、定义"显示内容"的函数提示: obj.style.display="block"; 五、定义"取消设置"的函数提示: 使用confirm()确定框，来确认是否取消设置。如是将以上所有的设置恢复原始值,否则不做操作。

查看全部

0 采集收起来源：编程挑战
2018-03-22
形式扰人

<input type="button" value="改变颜色" onclick="changeColor()"> <input type="button" value="改变宽高" onclick="changeSize()"> <input type="button" value="隐藏内容" onclick="hidetext()"> <input type="button" value="显示内容" onclick="showtext()"> <input type="button" value="取消设置" onclick="resettext()"> </form> <script type="text/javascript"> var myh = document.getElementById("con"); var mydiv = document.getElementById("txt"); //定义"改变颜色"的函数 function changeColor(){ mydiv.style.color="red"; mydiv.style.backgroundColor="#ccc"; } //定义"改变宽高"的函数 function changeSize(){ mydiv.style.width="200px"; mydiv.style.height="300px"; } //定义"隐藏内容"的函数 function hidetext(){ mydiv.style.display="none"; } //定义"显示内容"的函数 function showtext(){ mydiv.style.display="block"; } //定义"取消设置"的函数 function resettext(){ var mychose = confirm(); if(mychose==true){ mydiv.removeAttribute("style"); } } </script>

查看全部

0 采集收起来源：编程挑战
2018-03-22
岁月静好只争朝夕

注意-->JS中调用样式时，使用连字符的属性名称需要改为驼峰式的名称才能正常使用，如mychar.style.backgroundColor，css中的background-color要更改为backgroundColor，去连字符，第二个单词首字母大写。

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
岁月静好只争朝夕

回答：为什么例子里的NEW TEXT会显示在最上面？因为：程序是从上而下执行，最先例子的标题是：Hello world；当程序执行到mycon.innerHTML=“New text！”语句时，原来的标题就已经被该语句替换了，所以例子里的NEW TEXT就会显示在最上面。

查看全部

0 采集收起来源：innerHTML 属性
2017-04-27
岁月静好只争朝夕

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

查看全部

2 采集收起来源：通过ID获取元素
2017-04-27
随缘惜缘莫攀缘

var mar=document.getElementById("txt").removeAttribute("style");

查看全部

0 采集收起来源：编程挑战
2018-03-22
慕桂英3323924

sdf

查看全部

0 采集收起来源：JavaScript-关闭窗口（window.close）
2017-04-26
慕桂英3323924

aaa

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2017-04-26
慕桂英3323924

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>confirm</title> <script type="text/javascript"> function rec(){ var mymessage=confirm("asdasd") ; if(mymessage==true) { document.write("你是女士!"); } else { document.write("你是男士!"); } } </script> </head> <body> <input name="button" type="button" onClick="rec()" value="点击我，弹出确认对话框" /> </body> </html>

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2018-03-22
慕桂英3323924

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>alert</title> <script type="text/javascript"> function rec(){ var mychar="I love JavaScript"; alert(mychar) } </script> </head> <body> <input name="button" type="button" onClick="rec()" value="点击我，弹出对话框" /> </body> </html>

查看全部

0 采集收起来源：JavaScript-警告（alert 消息对话框）
2018-03-22
慕桂英3323924

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>函数调用</title> <script type="text/javascript"> function contxt() //定义函数 { alert("哈哈，调用函数了!"); } </script> </head> <body> <form> <input type="button" value="点击我" onclick="contxt()" /> </form> </body> </html>

查看全部

0 采集收起来源：JavaScript-什么是函数
2018-03-22
岁月静好只争朝夕

消息对话框通常可以用于调试程序。

查看全部

0 采集收起来源：JavaScript-警告（alert 消息对话框）
2017-04-26

首页上一页 1068 1069 1070 1071 1072 1073 1074 下一页尾页

0/150

提交

取消

开始学习

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

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