慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

Oldbig_Lin

用这个网站卡死了。。。。尴尬

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2016-10-29
3114002479李开霖

显示和隐藏（display属性）网页中经常会看到显示和隐藏的效果，可通过display属性来设置。语法： Object.style.display = value 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 value取值: value=none,此元素不会被显示（即是隐藏） value=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
站在代码的肩膀上

三秒后关闭 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>close()</title> <script type="text/javascript"> var mywin=window.open("http://www.imooc.com"); window.close=setTimeout("mywin.close()",3000); </script> </head> <body> </body> </html>

查看全部

0 采集收起来源：JavaScript-关闭窗口（window.close）
2018-03-22
站在代码的肩膀上

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>函数调用</title> <script type="text/javascript"> function contxt() //定义函数 { alert("哈哈，调用函数了!"); } </script> </head> <body> <form> <input type="button" value="点击我" onclick=" contxt() " /> </form> </body> </html>

查看全部

0 采集收起来源：JavaScript-什么是函数
2018-03-22
天生我柴必有用

document.write直接输入； alert消息对话框：直接弹出对话框； confirm消息对话框： <script> var mymessage = confirm("请选择是与否"); </script> prompt消息对话框： <script> var myinput = prompt("请输入你的成绩/网址：") </script> window.open('http：//www.imooc.com/','_blank','width=300,height=400,menubar=no,toolbar=no,scrollbars=yes') window.close()； <script> var mywin=window.open("http://www.imooc.com"); </script>

查看全部

0 采集收起来源：编程练习
2018-03-22
dsgger

document.getElementById('con')获取的只是P标签(即对象，这里是P标签），返回的是[object HTMLParagraphElement]，document.getElementById('con').innerHTML获取的才是P标签里的内容，返回的是JavaScript

查看全部

0 采集收起来源：通过ID获取元素
2016-10-29
Dengju

修改元素样式 mychar.style.color="red";

查看全部

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

confirm()返回true（确认）false（取消） alert仅仅显示消息 prompt()返回值（确认）null（取消） window.open()打开新窗口，可以设置_blank,_top,_self.若不设置，则由浏览器决定？

查看全部

0 采集收起来源：编程练习
2016-10-29
二菜鸟

通过id="con"获取的是<p>元素

查看全部

0 采集收起来源：innerHTML 属性
2018-03-22
二菜鸟

innerHTML属性用于获取或替换HTML元素的内容 object.innerHTML object是获取的对象，如通过document.getElementById()获取的对象区分大小写

查看全部

0 采集收起来源：innerHTML 属性
2016-10-29
慕粉3984862

DOM （文档对象模型(Document Object Model)）编辑文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”，双方为了在JavaScript与JScript一决生死，于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物，既有VBScript、ActiveX、以及微软自家的DHTML格式等，使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作。

查看全部

0 采集收起来源：为什么学习JavaScript
2016-10-29
meidierror

<script type="text/javascript"> var id = document.getElementById('txt'); //定义"改变颜色"的函数 function col(){ var color = prompt('请输入颜色的英文单词'); if(color){ id.style.color = color; } } //定义"改变宽高"的函数 function wh() { var w = prompt('请输入宽度,例如:200'); var h = prompt('请输入高度,例如:300'); if(w && h) { id.style.width = w+"px"; id.style.height = h+"px"; } } //定义"隐藏内容"的函数 function hid() { id.style.display = "none"; } //定义"显示内容"的函数 function show() { id.style.display = "block"; } //定义"取消设置"的函数 function res() { if(confirm('恢复默认样式么?')){ id.style = 'txt'; } } </script>

查看全部

2 采集收起来源：编程挑战
2018-03-22
东风4304956

prompt(str1,str2);一个为对一个为错

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2016-10-29
东风4304956

confirm();对话框；有确定和取消，确定返回TRUE 取消返回false

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2016-10-29
东风4304956

document.write() 输出结果； <br> 换行； 空格；每次输出需要增加引号结果才对。

查看全部

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

首页上一页 1602 1603 1604 1605 1606 1607 1608 下一页尾页

0/150

提交

取消

开始学习

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

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