慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

奥特小蔓

改变 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
cssduoduo

1. 在JS中区分大小写，如变量mychar与myChar是不一样的，表示是两个变量。 2. 变量虽然也可以不声明，直接使用，但不规范，需要先声明，后使用。

查看全部

0 采集收起来源：JavaScript-什么是变量
2016-07-20
cssduoduo

单行注释：// 多行注释：/*＊/

查看全部

0 采集收起来源：JavaScript-注释很重要
2016-07-20
cssduoduo

<script type="text/javascript"> document.write("I"); document.write("love"); document.write("JavaScript"); </script> 没有换行

查看全部

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

提示对话框的相应方法 function cancelSetting(){ var x = confirm("是否取消设置?"); if(x == true){ txt.removeAttribute("style"); }else{ alert("未取消设置！"); }

查看全部

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

这里的两个按钮的方法已经在html标签中声明。在body标签中调取

查看全部

0 采集收起来源：显示和隐藏（display属性）
2016-07-20
china092188

window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2016-07-20
KeviN_LE

通过object.style.样式可以修改当前id标签的样式

查看全部

0 采集收起来源：改变 HTML 样式
2016-07-20
奥特小蔓

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
KeviN_LE

innerHTML是修改或者赋值

查看全部

0 采集收起来源：innerHTML 属性
2016-07-20
宠辱卜惊

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>隐藏的注释</title> <script type="text/javascript"> document.write("神奇的js，快把我们隐藏了！");//快快把我变成单行注释 /*知道吗 js可以实现很多动态效果快来学习吧！ */ </script> </head> <body> </body> </html> 注释很重要注释的作用是提高代码的可读性，帮助自己和别人阅读和理解你所编写的javascript代码，注释的内容不会在网页中显示。注释可分为单行注释与多行注释两种。我们为了方便阅读，注释内容一般放到需要解释语句的结尾处或周围。单行注释，在注释内容前加符号"//"。 <script type="text/javascript"> document.write("单行注释使用'//'");//我是注释，该语句功能在网页中输出内容 </script> 多行注释以"/*"开始，以"*/结束"。 <script type="text/javascript"> document.write("多行注释使用/*注释内容*/"); /* 多行注释养成书写注释的良好习惯 */ </script>

查看全部

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

document.getElementById("con").innerHTML是获取con中的内容document.getElementById("con")仅仅是获取当前对象

查看全部

0 采集收起来源：通过ID获取元素
2018-03-22
宠辱卜惊

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>认识语句</title> <script type="text/javascript"> document.write("Hello"); document.write("world"); </script> </head> <body> </body> </html> 认识语句和符号 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
奥特小蔓

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

查看全部

0 采集收起来源：通过ID获取元素
2016-07-20
KeviN_LE

这节课讲的是DOM节点

查看全部

0 采集收起来源：认识DOM
2016-07-20

首页上一页 1986 1987 1988 1989 1990 1991 1992 下一页尾页

0/150

提交

取消

开始学习

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

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