慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

慕虎1955441

输出语句： var mystr="hello world"; （1）直接输出：document.write("hello world"); （2）通过变量输出：document.write(mystr); (3)变量+内容输出：document.write(mystr+"hahhaha"); (4)连用html标签输出：document.write(mystr+"<br>"); document.write("hahah");

查看全部

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

调用函数语句： function 函数名() { 函数代码; }

查看全部

0 采集收起来源：JavaScript-什么是函数
2017-05-06
慕虎1955441

判读语句： if(条件) { 条件成立时执行的代码 } else { 条件不成立时执行的代码 }

查看全部

0 采集收起来源：JavaScript-判断语句（if...else）
2017-05-06
慕虎1955441

变量要先声明再赋值，变量可以重复赋值，JS中区分大小写

查看全部

0 采集收起来源：JavaScript-什么是变量
2017-05-06
慕姐7057086

alert 消息对话框 alert(字符串或变量); <script type="text/javascript"> var mynum = 30; alert("hello!"); alert(mynum); </script>

查看全部

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

JavaScript-输出内容（document.write）第一种:输出内容用""括起，直接输出""号内的内容。document.write("I love JavaScript！"); 第二种:通过变量，输出内容。 var mystr="hello world!"; document.write(mystr); 第三种:输出多项内容，内容之间用+号连接。 var mystr="hello"; document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接。第四种:输出HTML标签，并起作用，标签使用""括起来.var mystr="hello"; document.write(mystr+"<br>");//输出hello后，输出一个换行符 document.write("JavaScript");

查看全部

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

显示和隐藏（display属性）网页中经常会看到显示和隐藏的效果，可通过display属性来设置。语法： Object.style.display = value 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 <script type="text/javascript"> function hidetext() { var mychar = document.getElementById("con"); mychar.style.display = "none"; } function showtext() { var mychar = document.getElementById("con"); mychar.style.display = "block"; } </script>

查看全部

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

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

查看全部

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

语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 <h2 id="con">I love JavaScript</H2> <script type="text/javascript"> var mychar= document.getElementById("con"); mychar.style.color="red"; mychar.style.backgroundColor ="#000"; mychar.style.width="250px" </script>

查看全部

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

innerHTML 属性用于获取或替换 HTML 元素的内容。语法: Object.innerHTML var mychar=document.getElementById("con"); document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容 mychar.innerHTML="kjahfklj4654"; document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容

查看全部

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

学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。语法: document.getElementById(“id”) <p id="con">JavaScript</p> <script type="text/javascript"> var mychar=document.getElementById("con");

查看全部

0 采集收起来源：通过ID获取元素
2018-03-22
大道寺知世

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

查看全部

0 采集收起来源：控制类名（className 属性）
2017-05-05
大道寺知世

显示和隐藏（display属性）网页中经常会看到显示和隐藏的效果，可通过display属性来设置。语法: Object.style.display=value("none/block") 注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素. value取值: none:此元素不会被显示(即隐藏) block:此元素将显示为块级元素(即显示)

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-03-22
大道寺知世

注意-->JS中调用样式时，使用连字符的属性名称需要改为驼峰式的名称才能正常使用，如mychar.style.backgroundColor，css中的background-color要更改为backgroundColor，去连字符，第二个单词首字母大写。

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
大道寺知世

改变 HTML 样式语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。看看下面的代码: 改变 <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

首页上一页 1049 1050 1051 1052 1053 1054 1055 下一页尾页

0/150

提交

取消

开始学习

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

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