慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

艺晨光

JS基本格式一、Js引用 1、当前页面：<script type="text/javascript"> alert("abc")</script> <script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。 2、外部文件： <script src="script.js"></script> 注意：无论是引用外部文件还是写在当前页面，javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）；而如果是通过事件调用执行的function那么对位置没什么要求的。二：语句每一句JavaScript代码格式: 语句; 虽然分号“;”也可以不写，但我们要养成编程的好习惯，记得在语句末尾写上分号。三：注释：单行注释，在注释内容前加符号 “//”。多行注释以"/*"开始，以"*/"结束。四、变量变量名可以任意取名，但要遵循命名规则: 1.变量必须使用字母、下划线(_)或者美元符($)开始。 2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。 3.不能使用JavaScript关键词与JavaScript保留字。变量要先声明再赋值，如下： var mychar; mychar="javascript"; 变量虽然也可以不声明，直接使用，但不规范，需要先声明，后使用。五、函数如何定义一个函数呢？基本语法如下: function 函数名() { 函数代码; }

查看全部

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

document.getElementById('con')获取的只是P标签，返回的是[object HTMLParagraphElement] document.getElementById('con').innerHTML获取的才是P标签里的内容，返回的是JavaScript 左边例子输出为null,是因为代码是顺序执行的，先调用了JavaScript代码，但是这个时候还没有ID为“con”的元素，得到空

查看全部

0 采集收起来源：通过ID获取元素
2016-08-30
木木two

1.使用getElementById(id);时，注意这个方法是出现在id的前面还是后面，不同位置所得到值不同。 2. document.getElementById("id"); 获取到的是整个id对象。 document.getELementById("id").innerHTML;才可以获取到其中的内容。

查看全部

0 采集收起来源：通过ID获取元素
2018-03-22
qq_我想吃肉_03905937

打开新窗口（window.open） open() 方法可以查找一个已经存在或者新建的浏览器窗口。语法： window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、"_blank"、"_selft"具有特殊意义的名称。 _blank：在新窗口显示目标网页 _self：在当前窗口显示目标网页 _top：框架网页中在上部窗口中显示目标网页 3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。 4.name 不能包含有空格。参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-03-22
qq_我想吃肉_03905937

警告（alert 消息对话框）alert(字符串或变量);

查看全部

0 采集收起来源：JavaScript-警告（alert 消息对话框）
2016-08-30
qq_我想吃肉_03905937

if(条件) { 条件成立时执行的代码 } else { 条件不成立时执行的代码 }

查看全部

0 采集收起来源：JavaScript-判断语句（if...else）
2016-08-30
Levo

改变HTML样式： object.style.property(属性)=new style 显示、隐藏： object.style.display=none(隐藏)/block(显示)

查看全部

0 采集收起来源：显示和隐藏（display属性）
2016-08-30
来斟一杯

1.所有主流浏览器都支持JavaScript。 2.目前，全世界大部分网页都是用JavaScript。 3.它可以让网页呈现各种动态效果。 4.JavaScript可以实现用户与页面之间的交互效果，增加用户体验的功能。

查看全部

0 采集收起来源：为什么学习JavaScript
2016-08-30
Levo

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

查看全部

0 采集收起来源：通过ID获取元素
2016-08-30
初雪入梦

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>className属性</title> <style> body{ font-size:16px;} .one{ border:1px solid #eee; width:230px; height:50px; background:#ccc; color:red; } .two{ border:1px solid #ccc; width:230px; height:50px; background:#9CF; color:blue; } </style> </head> <body> <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p> <input type="button" value="添加样式" onclick="add()"/> <p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p> <input type="button" value="更改外观" onclick="modify()"/> <script type="text/javascript"> function add(){ var p1 = document.getElementById("p1"); p1.className="one"; } function modify(){ var p2 = document.getElementById("p2"); p2.className="two"; } </script> </body> </html>

查看全部

0 采集收起来源：控制类名（className 属性）
2018-03-22
Levo

打开新窗口（window.open）<br> window.open([URL], [窗口名称], [参数字符串])

查看全部

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

prompt:提示用于弹出消息对话框

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2016-08-30
慕粉3833251

var bi=prompt(“弹出对话框中的文本内容”) 弹出的对话框中还有一个文本框，可以在文本框中写东西，写的东西会作为函数值执行下一条命令例：var xin=(“你今天心情怎么样”） if(xin=“开心”） { document.write(“继续保持好心情”） } if else(xin=“难过”） { document.write(“一定要开心哦”） }

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2016-08-30
晚照清舟

HTML文档可以说由节点构成的集合，三种常见的DOM节点: 1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。 2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。

查看全部

0 采集收起来源：认识DOM
2018-03-22
慕九州5754915

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

查看全部

0 采集收起来源：控制类名（className 属性）
2016-08-30

首页上一页 1833 1834 1835 1836 1837 1838 1839 下一页尾页

0/150

提交

取消

开始学习

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

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