JavaScript学习(一)

1、JavaScript代码必须置于
JavaScript函数和事件:
JavaScript函数是一种JavaScript代码块,它可以在调用时被执行。脚本可以被放置在HTML页面的或者部分中,或者兼而有之。

<!DOCTYPE html>
<html>
		<head>
			<script>
				function myFunction(){
					document.getElementById("demo").innerHTML="段落被更改。";
				}
			
			</script>
		</head>
		<body>
			<h1>一张网页</h1>
			<p id="demo">一个段落</p>
			<button type="button" onnclick="myFunction()">试一试</button>
		</body>
</html>	

2、外部脚本
外部文件myScript.js
function myFunction(){
document.getElementById(“demo”).innerHTML=“段落被更改了。”;
}
外部.js文件的引用:
标签包裹起来。直接撸代码就完事了。
**外部文件可以进行多个的引用
**可以通过完整的URL或者相对于当前网页的路径引用外部脚本。

3、JavaScript显示方案:
1) ·使用window.alert() 写入警告框
·使用document.write() 写入HTML输出
·使用innerHTML 写入HTML元素
·使用cconsole.log() 写入浏览器控制台
2)id属性定义HTML元素。innerHTML属性定义HTML内容

	<body>
		<h1>我的第一张网页</h1>
		<p id="dmeo">我的第一个段落</p>
		<script>
			document.getElementById("demo")=5+6;
		</script>
	</body>
3)document.write()方法仅仅用于测试:
	******************处于测试目的,使用很方便****************************
	
	<body>
		<h1>我的第一张网页</h1>
		<p>我的第一个网络</p>
		<script>
			document.write(5+6);
		</script>
	</body>
	***************在HTML文档加载完成后使用document.write()方法将删除所有已有的HTML************
	<body>
		<h1>我的第一张网页</h1>
		<p>我的第一个网络</p>
		<button type="button" onclick="document.write(5+6)">试一试</button>
	</body>
4)window.alert(),您能够使用警示框来显示数据:
	<body>
		<h1>我的第一张网页</h1>
		<p>我的第一个网络</p>
		<script>
			window.alert(5+6);
		</script>
	</body>
5)console.log(),能够在浏览器控制台显示数据:
	<body>
		<h1>我的第一张网页</h1>
		<p>我的第一个网络</p>
		<script>
			console.log(5+6);
		</script>
	</body>

4、JavaScript变量的定义和使用:
1) 变量的定义:
var x,y,z;
x=22;
y=26;
z=x+y;

	<body>
		<h2>JavaScript语句</h2>
		<p><b>JavaScript 程序</b>是一系列由计算机执行的<b>语句</b></p>
		<p id="demo"></p>
		<script>
			var x,y,z;
			x=22;
			y=26;
			z=x+y;
			document.getElementById("demo").innerHTML="Z的值是"+z+"。";
		</script>
	</body>
	JavaScript语句由以下构成:
		值、运算符、表达式、关键词和注释。
2)JavaScript空白字符:
	JavaScript会忽略很多空格。可以向脚本中添加很多空格,以增强可读性。
	在运算符旁边(+-*/—)添加空格是个很好的习惯。
3)JavaScript关键词:
	break		终止switch或循环
	continue	跳出循环并在顶端开始
	debugger	停止执行JavaScript,并调用调试函数(如果可用)
	do···while	执行语句块,并在条件为真时重复代码块
	for			标记需要被循环的语句块,只要条件为真时。
	function	声明函数。
	if···else	标记需要被执行的语句块,根据某个条件
	return		退出函数
	switch		标记需要被执行的语句块,根据不同的情况
	try···catch	对语句实现异常处理
	var			声明变量
4)JavaScript变量是存储数据值的容器:
	在脚本的开始旧生命所有的变量是一个良好的习惯
	可以在一条语句中声明所有的变量
	var person='Bill Gates',
		carName='poorsche',
		price=15000;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值