慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

Mr_whz

1、引用外部js文件的语法：<script src="script.js"></script>; 文件名要用双引号引起来。

查看全部

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

1、 <script>标签要成对出现，并把JavaScript代码写在<script></script>之间。 2、定义输出类型为文本型的语法<script type="text/javascript"> 3、使用document.write("")语法输出文本.

查看全部

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

mydiv.removeAttribute("style"); 重置所有设置

查看全部

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

<!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
慕粉4350432

控制类名（className 属性） object.className = classname

查看全部

0 采集收起来源：控制类名（className 属性）
2016-11-05
慕粉4350432

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>display</title> <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> </head> <body> <h1>JavaScript</h1> <p id="con">做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。</p> <form> <input type="button" onclick="hidetext()" value="隐藏内容" /> <input type="button" onclick="showtext()" value="显示内容" /> </form> </body> </html>

查看全部

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

显示和隐藏（display属性） Object.style.display = value

查看全部

0 采集收起来源：显示和隐藏（display属性）
2016-11-05
miniLab

<script type="text/javascript"> //定义"改变颜色"的函数 var txt=document.getElementById('txt'); function changeColor(){ txt.style.color="red"; txt.style.backgroundColor="#ccc"; } //定义"改变宽高"的函数 function changeWh(){ txt.style.width="500"; txt.style.height="500"; } //定义"隐藏内容"的函数 function hide(){ var h=document.getElementById('con'); h.style.display="none"; } //定义"显示内容"的函数 function show(){ var h=document.getElementById('con'); h.style.display="block"; } //定义"取消设置"的函数 function cancle(){ var a = confirm("是否取消设置"); if (a == true) { txt.style = ""; } } </script>

查看全部

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

改变html元素的样式语法： Object.style.property=new style;

查看全部

0 采集收起来源：改变 HTML 样式
2016-11-05
慕粉4350432

innerHTML 属性用于获取或替换 HTML 元素的内容。 Object.innerHTML

查看全部

0 采集收起来源：innerHTML 属性
2016-11-05
夜小十五天

javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）；而如果是通过事件调用执行的function那么对位置没什么要求的。

查看全部

0 采集收起来源：找到你的位置（JS在页面中的位置）
2016-11-05
夜小十五天

<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言

查看全部

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

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

查看全部

0 采集收起来源：控制类名（className 属性）
2016-11-05
慕码人4109873

1.隐藏：mychar.style.display="none"; 2.显示: mychar.style.display="block";

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-03-22
智商50的菜鸟

<script type="text/javascript"> //闲着蛋疼顺便打了个双向,浅显易懂 var txt = document.getElementById("txt"); var btn = document.getElementsByTagName('input'); var bol = 1; var bol1 = 1; //定义"改变颜色"的函数 btn[0].onclick = function(){ // bol =1; if (bol==1) { txt.style.color = "red"; txt.style.background = "yellow"; bol=0; }else{ txt.style.color = ""; txt.style.background = ""; bol=1; } } //定义"改变宽高"的函数 btn[1].onclick = function(){ if (bol1==1) { txt.style.width = "400px"; txt.style.height = "300px"; bol1=0; }else{ txt.style.width = ""; txt.style.height = ""; bol1=1; } } //定义"隐藏内容"的函数 btn[2].onclick = function(){ txt.style.display = "none"; } //定义"显示内容"的函数 btn[3].onclick = function(){ txt.style.display = "block"; } //定义"取消设置"的函数 btn[4].onclick = function(){ var a = confirm("是否取消设置"); if (a == true) { txt.style = ""; bol = 1; bol1 = 1; }else{} } </script>

查看全部

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

首页上一页 1572 1573 1574 1575 1576 1577 1578 下一页尾页

0/150

提交

取消

开始学习

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

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