慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

汇小解

<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">
function openWindow()
{
var a=confirm("确定打开网页吗？")// 新窗口打开时弹出确认框，是否打开
if(a==true)
{
var b=prompt("输入你要打开的网址","http://www.imooc.com/");// 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/
if(b!=null)
{
window.open(b,'_blank',"width=400,height=500,toolbar=no,nemubar=no");//打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。
}
}
else
{
alert("请下次确定再来");
}
}
</script>
</head>
<body>
<input type="button" value="新窗口打开网站" onclick="openWindow()" />
</body>
</html>

查看全部

1 采集收起来源：编程练习
2019-03-08
weixin_慕的地058784
fffvffv
查看全部

0 采集收起来源：JavaScript-警告（alert 消息对话框）
2019-03-08

汇小解

URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。    1.该名称由字母、数字和下划线字符组成。
    2."_top"、"_blank"、"_self"具有特殊意义的名称。
       _blank：在新窗口显示目标网页
       _self：在当前窗口显示目标网页
       _top：框架网页中在上部窗口中显示目标网页
    3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
   4.name 不能包含有空格。参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）

2019-03-08

汇小解

这个非常重要，背

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2019-03-08
慕神9295567
```
getElementById('id');  //获取元素ID
```
查看全部

0 采集收起来源：通过ID获取元素
2019-03-08

慕神9295567

confirm(str);  //JS消息对话框
/******
弹窗有两个按钮：确认(true) 和 取消(false)
******/

查看全部

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

2019-03-08

慕神9295567
```
window.open; //打开窗口
window.close; //关闭窗口
```
查看全部

0 采集收起来源：JavaScript-关闭窗口（window.close）
2019-03-08
杭杭杭杭杭刘

使用object.style.property设置width之类的属性的像素时需要加“”

查看全部

0 采集收起来源：改变 HTML 样式
2019-03-08
慕粉6234924

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

查看全部

0 采集收起来源：显示和隐藏（display属性）
2019-03-07
慕粉6234924

<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="300px";
</script>
</body>

查看全部

0 采集收起来源：改变 HTML 样式
2019-03-07
慕粉6234924

元素节点就是标签的意思；文本节点就是标签中的字；属性节点就是标签的属性。

查看全部

0 采集收起来源：认识DOM
2019-03-07
qq_慕田峪0264160

alert:弹出消息框
confirm:确定取消消息框

查看全部

1 采集收起来源：JavaScript-确认（confirm 消息对话框）
2019-03-07

慕粉6234924

打开http://www.imooc.com网站，大小为300px * 200px，无菜单，无工具栏，无状态栏，有滚动条窗口：
<script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）

2019-03-07

qq_慕田峪0264160

js代码可以加在html的<script>标签中，也可以单独写成js文件，在html的<scriot>标签中加入引用文件类型即可

查看全部

1 采集收起来源：我也可以独立（引用JS外部文件）
2019-03-07
慕移动8649561

方法三

<input type="button" value="改变颜色" onclick="set.btn1()">
<input type="button" value="改变宽高" onclick="set.btn2()">
<input type="button" value="隐藏内容" onclick="set.btn3()">
<input type="button" value="显示内容" onclick="set.btn4()">
<input type="button" value="取消设置" onclick="set.btn5()">
</form>
<script type="text/javascript">
var txt=document.getElementById("txt");
var set={
//定义"改变颜色"的函数
btn1:function(){
txt.style.color="#fff";
txt.style.background="red";
},

//定义"改变宽高"的函数
btn2:function(){
txt.style.width="200px";
txt.style.height="200px";
},
//定义"隐藏内容"的函数
btn3:function(){
txt.style.display="none";
},

//定义"显示内容"的函数
btn4:function(){
txt.style.display="block";
},

//定义"取消设置"的函数
btn5:function(){
var quxiao=confirm("是否取消设置");
if(quxiao==true){
txt.removeAttribute("style");//恢复原来的样式
}
}
}
</script>

查看全部

1 采集收起来源：编程挑战
2019-03-07

首页上一页 271 272 273 274 275 276 277 下一页尾页

0/150

提交

取消

开始学习

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

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