JavaScript学习（一）

最新推荐文章于 2022-12-06 13:56:36 发布

长弓晗炅

最新推荐文章于 2022-12-06 13:56:36 发布

阅读量153

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/zd_bcrs/article/details/106878605

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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
评论
JavaScript学习（一）

1、JavaScript代码必须置于JavaScript函数和事件:JavaScript函数是一种JavaScript代码块，它可以在调用时被执行。脚本可以被放置在HTML页面的或者部分中，或者兼而有之。<!DOCTYPE html><html> <head> <script> function myFunction(){ document.getElementById("demo").innerHTML="段落被更改。";
复制链接

扫一扫