慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

Herb

一、你知道，为什么JavaScript非常值得我们学习吗？ 1. 所有主流浏览器都支持JavaScript。 2. 目前，全世界大部分网页都使用JavaScript。 3. 它可以让网页呈现各种动态效果。 4. 做为一个Web开发师，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。 document.write("hello");

查看全部

0 采集收起来源：为什么学习JavaScript
2018-03-22
我爱001

找到你的位置（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
我爱001

我也可以独立（引用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
我爱001

新朋友你在哪里（如何插入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
我爱001

为什么学习JavaScript 一、你知道，为什么JavaScript非常值得我们学习吗？ 1. 所有主流浏览器都支持JavaScript。 2. 目前，全世界大部分网页都使用JavaScript。 3. 它可以让网页呈现各种动态效果。 4. 做为一个Web开发师，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。二、易学性 1.学习环境无外不在，只要有文本编辑器，就能编写JavaScript程序。 2.我们可以用简单命令，完成一些基本操作。三、从哪开始学习呢？学习JavaScript的起点就是处理网页，所以我们先学习基础语法和如何使用DOM进行简单操作。任务小伙伴们，JavaScript很神奇，快来试一试: 按照任务进行操作，看看结果窗口会有什么变化。 1. 请在右边编辑器的第12行，输入document.write("hello");,看看结果窗口会有什么变化。 2. 请在右边编辑器的第13行，输入document.getElementById("p1").style.color="blue"; ，看看结果窗口会有什么变化。

查看全部

0 采集收起来源：为什么学习JavaScript
2018-03-22
卡妙

<!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("你好请输入","30") ; 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_右耳热有她想i_0

控制类名（className 属性） className 属性设置或返回元素的class 属性。语法： object.className = classname 作用: 1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观

查看全部

0 采集收起来源：控制类名（className 属性）
2015-06-29
qq_右耳热有她想i_0

显示和隐藏（display属性）网页中经常会看到显示和隐藏的效果，可通过display属性来设置。语法： Object.style.display = value 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-03-22
qq_右耳热有她想i_0

改变 HTML 样式 HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。基本属性表（property）: 注意:该表只是一小部分CSS样式属性，其它样式也可以通过该方法设置和修改。看看下面的代码: 改变 <p> 元素的样式，将颜色改为红色，字号改为20,背景颜色改为蓝： <p id="pcon">Hello World!</p> <script> var mychar = document.getElementById("pcon"); mychar.style.color="red"; mychar.style.fontSize="20"; mychar.style.backgroundColor ="blue"; </script>

查看全部

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

txt.removeAttribute("style");取消属性。

查看全部

0 采集收起来源：编程挑战
2018-03-22
zbb_mooc

控制类名（className 属性） className 属性设置或返回元素的class 属性。语法： object.className = classname 作用: 1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观

查看全部

0 采集收起来源：控制类名（className 属性）
2015-06-29
zbb_mooc

显示和隐藏（display属性）网页中经常会看到显示和隐藏的效果，可通过display属性来设置。语法： Object.style.display = value 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。

查看全部

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

改变 HTML 样式 HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。基本属性表（property）: 注意:该表只是一小部分CSS样式属性，其它样式也可以通过该方法设置和修改。看看下面的代码: 改变 <p> 元素的样式，将颜色改为红色，字号改为20,背景颜色改为蓝： <p id="pcon">Hello World!</p> <script> var mychar = document.getElementById("pcon"); mychar.style.color="red"; mychar.style.fontSize="20"; mychar.style.backgroundColor ="blue"; </script>

查看全部

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

innerHTML 属性 innerHTML 属性用于获取或替换 HTML 元素的内容。语法: Object.innerHTML 注意: 1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。 2.注意书写，innerHTML区分大小写。我们通过id="con"获取<p> 元素，并将元素的内容输出和改变元素内容.

查看全部

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

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

查看全部

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

首页上一页 3401 3402 3403 3404 3405 3406 3407 下一页尾页

0/150

提交

取消

开始学习

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

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