慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

九日谈

网站性能优化-将Script放到HTML文件中尽量靠近尾部（将Script放在页面底部）注意：Button的Click事件需要调用js文件中的某个函数，如果Script都被放到HTML文件的最后的话，button这个element会在script下载完成之前被render出来，如果此时用户点击了这个button，就一定会出现一个Script error。解决方法： 1，将Script放在合适的，尽量靠近尾部的地方； 2，为所有的js文件中需要被调用的函数，在HTML中实现一个空函数（放在靠前的位置），这样当页面需要的js文件没有download完成时，用户点击按钮等操作之后出发一个空函数

查看全部

0 采集收起来源：找到你的位置（JS在页面中的位置）
2016-06-18
菜鸟的蜕变之路

<!DOCTYPE html><br> <html><br> <head><br> <title> new document </title> <br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <br> <script type="text/javascript"> <br> function openWindow(){<br> var w;<br> var temp=confirm("确定想打开？")<br> if(temp==true){<br> w=prompt("请输入你要打开的网址：","http://www.imooc.com/");<br> window.open(w,'_blank','width=400,height=500,menubar=no,toolbar=no')<br> }else{<br> alert("老娘不看！")<br> }<br> }<br> </script> <br> </head> <br> <body> <br> <input type="button" value="新窗口打开网站" onclick="openWindow()" /> <br> </body><br> </html>

查看全部

0 采集收起来源：编程练习
2018-03-22
qq_思念的小海豚_0

confirm确认 prompt消息框 window.open

查看全部

0 采集收起来源：编程练习
2016-06-18
SkyWalker_1

confirm（）通过与用户交互得到答案，括号里面的可以直接输出 alert（）弹出警告的提示框。

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2016-06-18
zhengchuan

<form> <input type="button" value="改变颜色" onClick="color()"> onClick="wh()" onClick="none()" onClick="block()" onClick="qx()" </form> <script type="text/javascript"> //定义"改变颜色"的函数 function color(){ var mychar=document.getElementById("txt"); mychar.style.color="red"; mychar.style.backgroundColor="black";} //定义"改变宽高"的函数 function wh(){ var mychar=document.getElementById("txt"); mychar.style.width="200px"; mychar.style.height="500px";} //定义"隐藏内容"的函数 function none(){ var mychar=document.getElementById("txt"); mychar.style.display="none";} //定义"显示内容"的函数 function block(){ var mychar=document.getElementById("txt"); mychar.style.display="block";} //定义"取消设置"的函数 function qx(){ if(confirm("是否取消设置？")){ var mychar = document.getElementById("txt"); mychar.style.color="black"; mychar.style.backgroundColor="#fff"; mychar.style.display="block"; mychar.style.width="600px"; mychar.style.height="400px";}} </script>

查看全部

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

输出内容的四种方式

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2016-06-17
崔婉妮

mychar s是可以自定义的

查看全部

0 采集收起来源：编程挑战
2016-06-17
zhengchuan

1、className 属性设置或返回元素的class 属性。（1）语法： object.className = classname 作用: ①获取元素的class属性 ②为网页内的某个元素指定一个CSS样式来更改该元素的外观注意：className是区分大小写的

查看全部

0 采集收起来源：控制类名（className 属性）
2016-06-17
resharpe

<script type="text/javascript"> function Wopen(){ var mymessage= confirm("确定在新网页中打开新浪？"); if(mymessage==true) { window.open('http://www.sina.com','_self','width=1366,height=768,menubar=yes,toolbar=yes, status=yes,scrollbars=yes resizable=no') ; } else { alert("打开失败！"); } } </script>

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-03-22
崔婉妮

最好在本地或者w3school去实践下，这里点击隐藏内容没反应的。

查看全部

0 采集收起来源：显示和隐藏（display属性）
2016-06-17
zhengchuan

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

查看全部

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

1、HTML DOM允许JavaScript改变HTML元素的样式。如何改变HTML元素的样式呢？（1）语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。（2）看看下面的代码: 改变<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
崔婉妮

注意区分大小写，fontSize

查看全部

0 采集收起来源：改变 HTML 样式
2016-06-17
zZzhuangzi

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

查看全部

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

<script type="text/javascript"> document.write("hello");页面输出一行 document.getElementById("p1").style.color="blue";获取页面上id为p1的元素，并把颜色改为blue </script>

查看全部

0 采集收起来源：为什么学习JavaScript
2018-03-22

首页上一页 2106 2107 2108 2109 2110 2111 2112 下一页尾页

0/150

提交

取消

开始学习

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

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