慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

雞胸肉殺手

认识语句和符号 JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。每一句JavaScript代码格式: 语句; 先来看看下面代码 <script type="text/javascript"> alert("hello!"); </script> 例子中的alert("hello!");就是一个JavaScript语句。一行的结束就被认定为语句的结束，通常在结尾加上一个分号";"来表示语句的结束。看看下面这段代码,有三条语句，每句结束后都有";"，按顺序执行语句。 <script type="text/javascript"> document.write("I"); document.write("love"); document.write("JavaScript"); </script> 注意: 1. “;”分号要在英文状态下输入，同样，JS中的代码和符号都要在英文状态下输入。 2. 虽然分号“;”也可以不写，但我们要养成编程的好习惯，记得在语句末尾写上分号。

查看全部

0 采集收起来源：JavaScript-认识语句和符号
2018-03-22
雞胸肉殺手

（JS在页面中的位置）放在<head>部分或者<body>部分 Js放在head和body中的区别在HTML body部分中的JavaScripts会在页面加载的时候被执行。在HTML head部分中的JavaScripts会在被调用的时候才执行。注意: javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）；而如果是通过事件调用执行的function那么对位置没什么要求的。

查看全部

0 采集收起来源：找到你的位置（JS在页面中的位置）
2018-03-22
雞胸肉殺手

（引用JS外部文件）我们可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js，然后将JS代码直接写在JS文件中。注意:在JS文件中，不需要<script>标签,直接编写JavaScript代码就可以了。 JS文件不能直接运行，需嵌入到HTML文件中执行，我们需在HTML中添加如下代码，就可将JS文件嵌入HTML文件中。

查看全部

0 采集收起来源：我也可以独立（引用JS外部文件）
2018-03-22
雞胸肉殺手

（如何插入JS）我们来看看如何写入JS代码？你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码。注意， <script>标签要成对出现，并把JavaScript代码写在<script></script>之间。 <script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。

查看全部

0 采集收起来源：新朋友你在哪里（如何插入JS）
2018-03-22
kuiq

innerHTML看它的英文单词也可以明白就是里面的字符按html标记的语言格式取出来或重新设置。其实innerHTML不是w3c标准所支持的，但是各大浏览器厂商都提供了它的实现，所以实际上它还是标准的。 innerHTML是一个属性，用法举个例子，假如有个标签: <div id="div1"></div> 下面是js： var div1=document.getElementById("div1"); div1.innerHTML="<span style='color:red'>Hi</span>";//重新设置div1内的html代码。 alert(di1.innerHTML);//取出div1里面的 html代码还有个innerText属性，这个属性只被ie支持，其实没有必要有这个属性，因为innerHTML完全可以替代它。 div1.innerHTML="Hi";//其实和innerText的效果一样

查看全部

0 采集收起来源：通过ID获取元素
2018-03-22
kuiq

左边例子输出为null,是因为代码是顺序执行的，先调用了JavaScript代码，但是这个时候还没有ID为“con”的元素，得到空

查看全部

0 采集收起来源：通过ID获取元素
2015-04-07
魔法少女二大爷

!=null 不等于空

查看全部

0 采集收起来源：编程练习
2015-04-07
紫逸风

....

查看全部

0 采集收起来源：编程练习
2015-04-07
紫逸风

<script type="text/javascript"> // 新窗口打开时弹出确认框，是否打开 function openWindow(){ var d="http://www.imooc.com/"; if(confirm('是否打开网址')==true){ if((d=prompt("输入打开网址",d))!=null){ window.open(d,"_blank","width=400,height=600,menubar=no,toolbar=no"); }else{ alert("meiyou") } }else{alert("bye")} } //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。 </script>

查看全部

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

<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 采集收起来源：编程练习
2018-03-22
MushishiXian

close()关闭窗口用法： window.close(); //关闭本窗口或 <窗口对象>.close(); //关闭指定的窗口例如:关闭新建的窗口。 <script type="text/javascript"> var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象，存储在变量mywin中 mywin.close(); </script>

查看全部

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

例如:打开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
MushishiXian

prompt(str1, str2); 参数说明： str1: 要显示在消息对话框中的文本，不可修改 str2：文本框中的内容，可以修改

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2015-04-07
MushishiXian

<script type="text/javascript"> var mymessage=confirm("你喜欢JavaScript吗?"); if(mymessage==true) { document.write("很好,加油!"); } else { document.write("JS功能强大，要学习噢!"); } </script>

查看全部

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

第三种:输出多项内容，内容之间用+号连接。 <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>

查看全部

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

首页上一页 3631 3632 3633 3634 3635 3636 3637 下一页尾页

0/150

提交

取消

开始学习

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

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