慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

Sharon_Aa

JavaScript 改变 HTML 元素的样式。语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
qq_冬天里的夏天_0

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312"/> <title>bobo</title> </head> <body> <h2>好好学习！</h2> <ul> <li>霍霍</li> <li>呵呵</li> <li>嘻嘻</li> </ul> </body> </html>

查看全部

0 采集收起来源：认识DOM
2018-03-22
Sharon_Aa

innerHTML 属性用于获取或替换 HTML 元素的内容。语法：Object.innerHTML 1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。 2.注意书写，innerHTML区分大小写。

查看全部

0 采集收起来源：innerHTML 属性
2018-03-22
qq_冬天里的夏天_0

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

查看全部

1 采集收起来源：编程练习
2018-03-22
qq_冬天里的夏天_0

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>close()</title> <script type="text/javascript"> var mywin=window.open("http://www.imooc.com"); window.close(); mywin.close(); </script> </head> <body> </body> </html>

查看全部

0 采集收起来源：JavaScript-关闭窗口（window.close）
2018-03-22
qq_冬天里的夏天_0

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>window.open</title> <script type="text/javascript"> function Wopen(){ window.open('http://www.imooc.com','_blank','width=600,height=400,top=100,left=0,menubar=no,toolbar=no, status=no,scrollbars=yes') ; } </script> </head> <body> <input name="button" type="button" onClick="Wopen()" value="点击我，打开新窗口!" / > </body> </html>

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-03-22
qq_冬天里的夏天_0

<!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("请输入你的成绩！"); 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_冬天里的夏天_0

<!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("你是MM还是GG？") ; 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
qq_冬天里的夏天_0

<!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
qq_冬天里的夏天_0

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document.write</title> <script type="text/javascript"> var mystr="我是"; var mychar="JavaScript"; document.write(mycher+"<br>") document.write(mystr+mychar+"的忠实粉丝！") </script> </head> <body> </body> </html>

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2018-03-22
qq_冬天里的夏天_0

<!DOCTYPE HTML> <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
qq_冬天里的夏天_0

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>判断语句</title> <script type="text/javascript"> var score =80; //score变量存储成绩，初值为80 if(score>=60) { document.write("很棒，成绩及格了。"); } else { document.write("加油，成绩不及格。"); } </script> </head> <body> </body> </html>

查看全部

0 采集收起来源：JavaScript-判断语句（if...else）
2018-03-22
DarrenDeng

可用作于收起的功能

查看全部

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

function openWindow() { var i=confirm("是否打开新的网页"); if(i){ var i=prompt("请输入网址","http://www.imooc.com/"); if(i=="http://www.imooc.com/"){ window.open(i,'_blank','width=400,height=500,menubar=no,toolbar=no'); } else{ alert("为什么不打开慕课网"); } } else{ alert("2223"); document.write("还学不学了"); } }

查看全部

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

function openWindow() { var i=confirm("是否打开新的网页"); if(i==true){ var r=prompt("请输入网址","http://www.imooc.com/"); if(r=="http://www.imooc.com/"){ window.open('http://www.imooc.com/','_blank','width=400,height=500,menubar=no,toolbar=no'); } else{ alert("为什么不打开慕课网"); } } else{ alert("2223"); document.write("还学不学了"); } }

查看全部

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

首页上一页 590 591 592 593 594 595 596 下一页尾页

0/150

提交

取消

开始学习

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

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