慕课网

精品课程 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. 虽然分号“;”也可以不写，但我们要养成编程的好习惯，记得在语句末尾写上分号。任务现在我们来输入两条语句,在网页中输点内容吧! 1. 第7行输入document.write("Hello"); 2. 第8行输入document.write("world");

查看全部

0 采集收起来源：JavaScript-认识语句和符号
2018-03-22
StevenPenn

javascript语句是发给浏览器的命令。这些命令是告诉浏览器要做的事情。 <script type="text/javascript"> alert("hello"); ----------/*这是语句*/ </script>

查看全部

0 采集收起来源：JavaScript-认识语句和符号
2018-03-22
不懂不懂

找到你的位置（JS在页面中的位置）我们可以将JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。放在<head>部分最常用的方式是在页面中head部分放置<script>元素，浏览器解析head部分就会执行这个代码，然后才解析页面的其余部分。放在<body>部分 JavaScript代码在网页读取到该语句的时候就会执行。注意: javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）；而如果是通过事件调用执行的function那么对位置没什么要求的。任务我们试一试，在不同位置写入JS代码: 1.在右边编辑器的第7行输入document.write("I love"); 2.在右边编辑器的第12行输入 document.write("javascript");

查看全部

0 采集收起来源：找到你的位置（JS在页面中的位置）
2018-03-22
不懂不懂

我也可以独立（引用JS外部文件）通过前面知识学习，我们知道使用<script>标签在HTML文件中添加JavaScript代码，如图: JavaScript代码只能写在HTML文件中吗?当然不是，我们可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js，然后将JS代码直接写在JS文件中。注意:在JS文件中，不需要<script>标签,直接编写JavaScript代码就可以了。 JS文件不能直接运行，需嵌入到HTML文件中执行，我们需在HTML中添加如下代码，就可将JS文件嵌入HTML文件中。 <script src="script.js"></script> 任务注意：在右边编辑器中有html文件和script.js文件 1.index.html文件中的第6行使用 <script src="script.js"></script>代码引用script.js文件。 2.现在在script.js文件中写入document.write("引用JS文件!"); ，JS代码就直接运行了。

查看全部

0 采集收起来源：我也可以独立（引用JS外部文件）
2018-03-22
不懂不懂

新朋友你在哪里（如何插入JS）我们来看看如何写入JS代码？你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码。注意， <script>标签要成对出现，并把JavaScript代码写在<script></script>之间。 <script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。任务添加<script>标签，使第7行代码运行，结果窗口显示"开启JS之旅!" 1.请在右边编辑器的第6行，输入 <script type="text/javascript"> 2.请在右边编辑器的第8行,输入</script>

查看全部

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

object.removeAttribute('style'); 删除指定的属性（样式）

查看全部

0 采集收起来源：编程挑战
2015-05-30
StevenPenn

JS在页面的位置 javascript代码的位置可以在页面的任何位置，但是浏览器解释html时是按先后顺序的，前面的script会被先执行。比如页面进行初始化的js必须放在<head>里面，因为初始化都要求提前进行（给页面body设置css等）

查看全部

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

引用js外部文件我们可以把HTML和JS文件分开,单独创建一个javascript文件（简称JS文件），其后缀通常为.js，然后JS代码直接写在js文件中，JS文件中不需要<script>标签，直接写js代码即可。嵌入js文件 <script src="script.js"></script>(嵌入任何位置)

查看全部

1 采集收起来源：我也可以独立（引用JS外部文件）
2018-03-22
StevenPenn

如何插入js？ <script type="text/javascript"> javascript代码写在这里 </script> <script type="text/javascript"> </script>中间是文本类型，为了告诉浏览器中间的文本javascript语言

查看全部

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

innerHTML属性：用于获取或替换HTML元素的内容，其并不能直接显示在网页上，但可以通过document.write(object.innerHTML)来显示到网页上， innerHTML是可以动态的修改标签对象的内容的，即如果原标签在网页上显示为：“原标签内容”，然后我通过innerHTML属性把该标签对象的内容修改为：“新标签内容”，虽然innerHTML本身并不具有显示功能，但该标签之前已经显示在网页上，那么执行完innerHTML语句后，网页上的原标签内容就变为新标签内容。（通过innerHTML可以动态的修改网页上局部某个标签的内容，这十分重要。而document.write()则是重新刷新网页显示内容。） (这应该是对象的一个属性，对象指的是标签对象，即标签对象的一个属性) 语法：object.innerHTML; object可通过document.getElementById("ID")来获得； var mychar=document.getElementById("con"); document.write(mychar.innerHTML+"<br>"); mychar.innerHTML="Hello world!"; document.write(mychar.innerHTML)

查看全部

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

DOM ID获取元素

查看全部

0 采集收起来源：通过ID获取元素
2015-05-29
justgonnab

这是我写的，希望大家能够提供更简洁的，谢谢！

查看全部

1 采集收起来源：编程挑战
2015-05-29
慕运维6240741

<script> var name=值; alert("text文本") alert(name) </script> 消息对话框按顺序弹出 </script>

查看全部

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

<!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
慕运维6240741

输出内容（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>

查看全部

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

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

0/150

提交

取消

开始学习

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

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