慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

sakura的男朋友

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>天朝膜法师</title> <script type="text/javascript"> function addLife() { //test confirm var life = document.getElementById("progress").getAttribute("value"); var time=confirm("你愿意为长者续一秒吗？"); if(time==true){ if(life==10){ alert("you are a good guy!!!"); } life++; document.getElementById("progress").setAttribute("value",life); } else{ alert("you are not a good guy"); } } </script> </head> <body> <span>LIFE</span> <progress id="progress" max="10" value="1"></progress> <button id="button" onclick="addLife()">点击我为长者续life</button> </body> </html>

查看全部

1 采集收起来源：JavaScript-确认（confirm 消息对话框）
2018-03-22
御行

<script type="text/javascript"> var mychar= document.getElementById("con"); mychar.style.color="red"; mychar.style.backgroundColor="#CCC"; mychar.style.width="300px"; </script>

查看全部

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

document.getElementById(“id”) 获取到的是整个对象用document.getELementById().innerHTML;才可以获取到其中的内容

查看全部

0 采集收起来源：通过ID获取元素
2018-02-19
慕盖茨2479831

<!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('请输入你的成绩','50') ; 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
慕盖茨2479831

<!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('你是不是女士'); 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
潼年

取消设置操作 obj.removeAttribute("style")；

查看全部

1 采集收起来源：编程挑战
2018-03-22
慕斯90720

confirm(str); 参数说明:

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2018-02-18
慕斯90720

var myname=prompt("请输入你的姓名:"); if(myname!=null) { alert("你好"+myname); } else { alert("你好 my friend."); }

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
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 m=confirm("Do u want to open the window?"); if(m) { var mywin=prompt("please input your address:","http://www.imooc.com/"); if(mywin!=null) {window.open(mywin,'_','width=400,top=500,menuber=no,toolbar=no') } } } </script> </head> <body> <input type="button" value="新窗口打开网站" onclick="openWindow()" /> </body> </html>

查看全部

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

例如:打开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
慕工程9626841

隐藏和显示内容 <script type="text/javascript"> function hidetext() { var mychar = document.getElementById("con"); mychar.style.display="none"; } function showtext() { var mychar = document.getElementById("con"); mychar.style.display="block"; } </script> </head> <body> <h1>JavaScript</h1> <p id="con">做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。</p> <form> <input type="button" onclick="hidetext()" value="隐藏内容" /> <input type="button" onclick="showtext()" value="显示内容" /> </form>

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-03-22
慕工程9626841

<h2 id="con">I love JavaScript</H2> <p> JavaScript使网页显示动态效果并实现与用户交互功能。</p> <script type="text/javascript"> var mychar= document.getElementById("con"); mychar.style.color="red"; mychar.style.backgroundColor="grey"; mychar.style.width="800px"; </script> 通过id修改html的样式先通过id名称取得h2的位置，再通过（例如定义变量名字为mychar）mychar.style.属性=""；修改样式

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
慕工程9626841

利用id调用元素 <h2 id="con">javascript</H2> <script type="text/javascript"> var mychar=document.getElementById("con"); document.write("原标题"+mychar.innerHTML+"<br>");//输出修改后h2标签内容 mychar.innerHTML="hello world"; document.write("新标题"+mychar.innerHTML);

查看全部

0 采集收起来源：innerHTML 属性
2018-03-22
慕用9104798

prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。 var myname=prompt("please input your name:"); if(myname!=null) { alert("hello"+myname);} else { alert("hello my friends");}

查看全部

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

confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2018-02-17

首页上一页 624 625 626 627 628 629 630 下一页尾页

0/150

提交

取消

开始学习

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

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