慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

江江江丶
    function add(){
       var p1 = document.getElementById("p1");
       p1.className="one";
    }
    function modify(){
       var p2 = document.getElementById("p2");
      p2.className="two";
    }
查看全部

0 采集收起来源：控制类名（className 属性）
2019-07-09
weixin_慕神6407946
参数表:
例如:打开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-07-08
慕先生6483341

打开新窗口（window.open）的参数表

查看全部

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

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>innerHTML</title>
</head>
<body>
<h2 id="con">javascript</H2>
<p> JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。</p>
<script type="text/javascript">
var mychar= document.getElementById("con") ;
document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容
mychar.innerHTML="555";
document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
</script>
</body>
</html>

查看全部

0 采集收起来源：innerHTML 属性
2019-07-08
江江江丶

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>document.getElementById</title>
</head>
<body>
<p id="con">JavaScript</p>
<script type="text/javascript">
var mychar=document.getElementById("con") ;
document.write("结果:"+mychar.innerHTML); //输出获取的P标签。
</script>
</body>
</html>

查看全部

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

江江江丶

	<!DOCTYPE HTML>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>浏览器对象</title>
	<script type="text/javascript">
	function openWindon(){
	if(confirm("确定打开新窗口吗？")){
	var url = prompt("请输入一个网址","http://www.imooc.com/");
	window.open( url,"_blank","toolbar=no, menubar=no, scrollbars=yes, width=400, height=400");
	}
	}
	</script>

	</head>

	<body>
	<input type="button" value="新窗口打开网站" onclick="openWindon()" />
	</body>
	</html>

查看全部

0 采集收起来源：编程练习

2019-07-08

qq_慕慕9007681

window.close关闭窗口

window.close();   //关闭本窗口

<窗口对象>.close();   //关闭指定的窗口

查看全部

0 采集收起来源：JavaScript-关闭窗口（window.close）

2019-07-07

qq_慕慕9007681

window.open新建浏览器窗口

window.open([URL（网址或者路径，空值则不显示任何文档）], [窗口名称], [参数字符串])

查看全部

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

2019-07-07

qq_慕慕9007681
```
prompt用户提示消息框
```
包含确定，取消，文本框。
语法prompt（要显示的文本，文本框内容）
确定则将文本框的内容作为值，取消则返回最初。
用户点击之前窗口不能进行任何操作。
查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2019-07-07
qq_慕慕9007681
```
消息对话框
```
var mymessage=confirm（“**”）
if(mymessage==true)
{document.write("对")；}
else
{document.write("错");
}
判断返回值，确定为true，取消为false。
查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2019-07-07
西门零爻

innerHTML属性内容，代码如下:

查看全部

0 采集收起来源：innerHTML 属性
2019-07-07
weixin_慕神6407946
语法:
```
alert(字符串或变量);
```
看下面的代码:
```
<script type="text/javascript">
   var mynum = 30;
   alert("hello!");
   alert(mynum);
</script>
```
注:alert弹出消息对话框(包含一个确定按钮)。
结果：按顺序弹出对话框
查看全部

0 采集收起来源：JavaScript-警告（alert 消息对话框）
2019-07-07
西门零爻

通过ID获取元素
<p id="con">JavaScript</p>
<script type="text/javascript">
var mychar=document.getElementById("con");
document.write("结果:"+mychar.innerHTML); //输出获取的P标签。
</script>

查看全部

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

weixin_慕神6407946

第一种:输出内容用""括起，直接输出""号内的内容。

<script type="text/javascript">
  document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。</script>

第二种:通过变量，输出内容

<script type="text/javascript">
  var mystr="hello world!";
  document.write(mystr);  //直接写变量名，输出变量存储的内容。</script>

第三种:输出多项内容，内容之间用+号连接。

<script type="text/javascript">
  var mystr="hello";
  document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接</script>

第四种:输出HTML标签，并起作用，标签使用""括起来。

<script type="text/javascript">
  var mystr="hello";
document.write(mystr+"<br>");//输出hello后，输出一个换行符
  document.write("JavaScript");
</script>

查看全部

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

2019-07-07

西门零爻

<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">
function llui()
{
var xjat=confirm("是否打开");
if(xjat==true)
{

var xj=prompt("输入网址：","http://www.imooc.com");
if(xj!=null)
{
window.open(xj,'_blank','width=400','height=500','menubar=no','toolbar=no');
}
else
{alert("没输入网址：");}
}
else{alert("拜拜：");}
}

// 新窗口打开时弹出确认框，是否打开

// 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/

//打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。


</script>
</head>
<body>
<input type="button" value="新窗口打开网站" onclick="llui() "/>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-07-07

首页上一页 205 206 207 208 209 210 211 下一页尾页

0/150

提交

取消

开始学习

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

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