慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

学无止境ooc

alert(字符串或变量); 注:alert弹出消息对话框(包含一个确定按钮)。注意: 1. 在点击对话框"确定"按钮前，不能进行任何其它操作。 2. 消息对话框通常可以用于调试程序。 3. alert输出内容，可以是字符串或变量，与document.write 相似。

查看全部

0 采集收起来源：JavaScript-警告（alert 消息对话框）
2018-03-22
鬼鬼丑大叔

<script type="text/javascript"> function changeColor(){ txt.style.color="red"; txt.style.backgroundColor="#ccc"; } //定义"改变颜色"的函数 function changeSize(){ txt.style.width='200px'; txt.style.height='200px'; } //定义"改变宽高"的函数 function hideTxet(){ txt.style.display='none'; } //定义"隐藏内容"的函数 function showTxet(){ txt.style.display='block'; } //定义"显示内容"的函数 function cancel(){ var dd =confirm("你确定要重置所有设置么？"); if(dd ==true){ txt.removeAttribute('style'); } } //定义"取消设置"的函数 </script>

查看全部

0 采集收起来源：编程挑战
2018-03-22
学无止境ooc

document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。第一种:输出内容用“”括起，直接输出""号内的内容; 第二种:通过变量，输出内容; 第三种:输出多项内容，内容之间用+号连接; 第四种:输出HTML标签，并起作用，标签使用“”括起来。

查看全部

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

一、定义"改变颜色"的函数提示: obj.style.color obj.style.backgroundColor 二、定义"改变宽高"的函数提示: obj.style.width obj.style.height 三、定义"隐藏内容"的函数提示: obj.style.display="none"; 四、定义"显示内容"的函数提示: obj.style.display="block"; 五、定义"取消设置"的函数提示: 使用confirm()确定框，来确认是否取消设置。如是将以上所有的设置恢复原始值,否则不做操作。

查看全部

0 采集收起来源：编程挑战
2018-03-22
柒哥爱吃白菜

变量名可以任意取名，但要遵循命名规则: 1.变量必须使用字母、下划线(_)或者美元符($)开始。 2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。 3.不能使用JavaScript关键词与JavaScript保留字。

查看全部

0 采集收起来源：JavaScript-什么是变量
2015-11-03
鬼鬼丑大叔

1. 添加"类名为one: p1.className = "one"; 2. 修改为"类名为two: p2.className = "two";

查看全部

0 采集收起来源：控制类名（className 属性）
2018-03-22
柒哥爱吃白菜

JS文件不能直接运行，需嵌入到HTML文件中执行，我们需在HTML中添加如下代码，就可将JS文件嵌入HTML文件中。 <script src="script.js"></script>

查看全部

0 采集收起来源：我也可以独立（引用JS外部文件）
2018-03-22
柒哥爱吃白菜

<script type="text/javascript">表示在<script></script>之间的是文本类型（text），javascript是为了告诉浏览器文本是属于JavaScript语言。

查看全部

0 采集收起来源：新朋友你在哪里（如何插入JS）
2018-03-22
鬼鬼丑大叔

display属性，none隐藏，block显示 <!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
鬼鬼丑大叔

改变HTML样式 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>style样式</title> </head> <body> <h2 id="con">I love JavaScript</H2> <p> JavaScript使网页显示动态效果并实现与用户交互功能。</p> <script type="text/javascript"> var mychar= document.getElementById("con"); mychar.style.color = 'red'; mychar.style.backgroundColor ='#CCC'; mychar.style.width = '300'; </script> </body> </html>

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
蓝璇梦幻

innerHTML 属性用于获取或替换 HTML 元素的内容。语法: Object.innerHTML 注意: 1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。 2.注意书写，innerHTML区分大小写。

查看全部

0 采集收起来源：innerHTML 属性
2018-03-22
蓝璇梦幻

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

查看全部

0 采集收起来源：通过ID获取元素
2015-11-03
蓝璇梦幻

文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。

查看全部

0 采集收起来源：认识DOM
2015-11-03
求学者N

编程联系

查看全部

2 采集收起来源：编程挑战
2015-11-03
感激我遇见

定义"取消设置"的函数 function quxiao(){ var qx= confirm("取消设置"); if(qx){ var mychar=document.getElementById("txt"); mychar.removeAttribute("style");//恢复原始值 } }

查看全部

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

首页上一页 3011 3012 3013 3014 3015 3016 3017 下一页尾页

0/150

提交

取消

开始学习

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

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