慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

不懂不懂

innerHTML 属性 innerHTML 属性用于获取或替换 HTML 元素的内容。语法: Object.innerHTML 注意: 1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。 2.注意书写，innerHTML区分大小写。我们通过id="con"获取<p> 元素，并将元素的内容输出和改变元素内容，代码如下: 结果: 任务 1. 在右边编辑器中，第11行补充代码，通过id获取h2标签元素,并赋给变量mychar。 2. 在右边编辑器中，第13行补充代码，使用innerHTML属性，将获取的h2标签内容修改为"Hello world!"

查看全部

0 采集收起来源：innerHTML 属性
2018-03-22
不懂不懂

通过ID获取元素学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。语法: document.getElementById(“id”) 看看下面代码: 结果:null或[object HTMLParagraphElement] 注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。任务在右边编辑器中，补充第10行代码，通过document.getElementById获取id为con的p标签。第11行为输出获取的元素，看看结果是什么。

查看全部

0 采集收起来源：通过ID获取元素
2015-05-30
兵哥哥

挺好玩

查看全部

0 采集收起来源：显示和隐藏（display属性）
2015-05-30
兵哥哥

function openWindow(){ // 新窗口打开时弹出确认框，是否打开 var mymessage = confirm("您确定要打开新窗口？"); if(mymessage == true){ // 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/ var ipturl; //score变量，用来存储用户输入的成绩值。 ipturl = prompt("请输入您要打开的网址？"); //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。 if(ipturl){ window.open(ipturl,'_blank','width=400,height=500,menubar=no,toolbar=no'); }else{ document.write(ipturl); } }else{ document.write(mymessage); } }

查看全部

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

判断语句（if···else）语法： if(条件) {条件成立时执行的代码} else {条件不成立时执行的代码} for example <script type="text/javascript"> var myage=18; if(myage>=18)//myage>=18是判断条件 {document.write("你是成年人")} else//否则年龄小于18岁 {document.write("未满18岁，你不是成年人")} </scrpit>

查看全部

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

wewee

查看全部

0 采集收起来源：编程练习
2015-05-30
StevenPenn

变量变量是存储某种、某类数值的存储器定义变量使用关键字var var 变量名变量可以任意取名，但要遵循其规则 1.变量必须使用字母、下划线_、美元符$开始 2.然后可以使用任意多个字母、数字、下划线、美元符组成 3.不能使用javascript关键字与javascript保留字变量要先声明再赋值 var mychar; mychar="javascript"; var mynum=6; 变量可以重复赋值 var mychar; my char="javascript"; mychar="hello";

查看全部

0 采集收起来源：JavaScript-什么是变量
2018-03-22
不懂不懂

关闭窗口（window.close） close()关闭窗口用法： window.close(); //关闭本窗口或 <窗口对象>.close(); //关闭指定的窗口例如:关闭新建的窗口。 <script type="text/javascript"> var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象，存储在变量mywin中 mywin.close(); </script> 注意:上面代码在打开新窗口的同时，关闭该窗口，看不到被打开的窗口。任务补充右边编辑器第7行，使用close()直接关闭打开的网页。

查看全部

0 采集收起来源：JavaScript-关闭窗口（window.close）
2018-03-22
不懂不懂

打开新窗口（window.open） open() 方法用于打开一个新的窗口。语法： window.open(<URL>, <窗口名称>, <参数字符串>) 参数说明: URL：打开窗口的网址或路径。窗口名称：被打开窗口的名称。可以是"_top"、"_blank"、"_selft"等。参数字符串：设置窗口参数，各参数用逗号隔开。参数表: 例如:打开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> 注意： 1.参数之间逗号及等号前后有空格，该字符串无效，只有删除空格才能正常运行。 2.运行结果考虑浏览器兼容问题。任务在右边编辑器第8行代码，补充代码，打开http://www.imooc.com网页，将在新窗体中打开，宽为600，高为400，距屏顶100像素，屏左0像素。当点击按钮时，打开新窗口。

查看全部

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

提问（prompt 消息对话框） prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。语法: prompt(str1, str2); 参数说明： str1: 要显示在消息对话框中的文本，不可修改 str2：文本框中的内容，可以修改返回值: 1. 点击确定按钮，文本框中的内容将作为函数返回值 2. 点击取消按钮，将返回null 看看下面代码: var myname=prompt("请输入你的姓名:"); if(myname!=null) { alert("你好"+myname); } else { alert("你好 my friend."); } 结果: 注:在用户点击对话框的按钮前，不能进行任何其它操作。任务补充右边编辑器第9行代码，使用prompt()消息框，输入你的成绩，根据输入的成绩做出评价。

查看全部

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

confirm括号中的值是提示问题是什么。

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2015-05-30
不懂不懂

告（alert 消息对话框）我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。语法: alert(字符串或变量); 看下面的代码: <script type="text/javascript"> var mynum = 30; alert("hello!"); alert(mynum); </script> 注:alert弹出消息对话框(包含一个确定按钮)。结果:按顺序弹出消息框注意: 1. 在点击对话框"确定"按钮前，不能进行任何其它操作。 2. 消息对话框通常可以用于调试程序。 3. alert输出内容，可以是字符串或变量，与document.write 相似。任务在右边编辑器的第9行补充代码,使用alert，通过消息框输出变量mychar内容，点击按钮后弹出该对话框。

查看全部

0 采集收起来源：JavaScript-警告（alert 消息对话框）
2018-03-22
不懂不懂

输出内容（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> 第三种:输出多项内容，内容之间用+号连接。 <scripttype="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如何输出空格 " 任务现在我们来输出两条语句,在网页中输点内容吧! 1. 右边编辑器第9行，使用document.write输出mychar变量的内容,同时输出一个换行符。 2. 右边编辑器第10行，使用document.write一条语句,通过变量mystr,mychar,"的忠实粉丝!"，输出完整的一句"我是JavaScript的忠实粉丝!"。

查看全部

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

javascript注释单行注释： <script type="text/javascript"> document.write("aaaaaa"); //我是注释，该语句功能在网页中输出内容 </script> 多行注释： <sript type="text/javascript"> document.write("aaaaa") /* 多行注释养成书写注释的良好习惯 */ </script>

查看全部

0 采集收起来源：JavaScript-注释很重要
2018-03-22
不懂不懂

什么是函数函数是完成某个特定功能的一组语句。如没有函数，完成任务可能需要五行、十行、甚至更多的代码。这时我们就可以把完成特定功能的代码块放到一个函数里，直接调用这个函数，就省重复输入大量代码的麻烦。如何定义一个函数呢？基本语法如下: function 函数名() { 函数代码; } 说明: 1. function定义函数的关键字。 2. "函数名"你为函数取的名字。 3. "函数代码"替换为完成特定功能的代码。我们来编写一个实现两数相加的简单函数,并给函数起个有意义的名字：“add2”，代码如下： function add2(){ var sum = 3 + 2; alert(sum); } 函数调用: 函数定义好后，是不能自动执行的，所以需调用它,只需直接在需要的位置写函数就ok了,代码如下: 任务补充右边编辑器第7和15行，实现如下功能: 网页中有一按钮(名字"点击我")，当点击按钮后调用函数contxt(),弹出对话框"哈哈，调用函数了!"。

查看全部

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

首页上一页 3476 3477 3478 3479 3480 3481 3482 下一页尾页

0/150

提交

取消

开始学习

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

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