网页搭建入门---javascript入门

最新推荐文章于 2023-04-27 00:21:13 发布

joker柒月

最新推荐文章于 2023-04-27 00:21:13 发布

阅读量523

点赞数

分类专栏： Java工程师

本文链接：https://blog.csdn.net/qwl755/article/details/105722484

版权

JavaScript基础语法

JS输出

window.alert()警告框
document.write()写到HTML文档
innerHTML写到HTML元素
console.log()写到浏览器后台

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js输出</title>
</head>
<body>
	<p id="one"></p>
	<script type="text/javascript">
		/**
		window.alert() 警告框
		document.write() 写到 HTML 文档中
		innerHTML 写到 HTML 元素
		console.log() 写到浏览器的控制台
		**/

		alert('helloworld');

		document.write('helloworld');

		document.getElementById('one').innerHTML = "this is p";

		console.log(123)
	</script>
</body>
</html>

JS变量

变量必须以字母开头
变量也能以$和_开头(不推荐)
变量区分大小写

JS数据类型

字符串（String）
数字（Number）
布尔（Boolean）
数组（Array）
空（Null）
未定义（Undefined）

JS函数

函数是由事件驱动或者当他被调用执行的可重复使用的代码块
function a(参数){} 声明会前置
var a = function(参数){}
函数中的return

JS中的运算符

赋值运算符
算术运算符
字符串的+运算符

JS的比较和逻辑运算符

<小于
>大于
==等于1==‘1’
===绝对等于（值和类型均相等）
!=不等于
&& and
|| or

JS条件语句和switch语句

条件语句 if else if else
switch 语句 switch case break default

JS的for循环和while循环

for -循环代码块一定的次数
for/in 循环遍历对象
while 当指定条件为true时循环指定的代码块

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js中for循环与while循环</title>
</head>
<body>
	<script type="text/javascript">
		/**
		 *
		 *  for - 循环代码块一定的次数
			for/in - 循环遍历对象
			while - 当指定的条件为 true 时循环指定的代码块
		 */
		
		for( var i = 0; i < 10 ; i++ ){
			console.log('i:'+ i);
		}

		var person = {
			name : 'json',
			age : 25,
			sg: 170
		}

		for( key in person ){
			console.log(person[key])
		}

		var count = 1;
		while( count < 10 ){
			count++ ;
			console.log('执行while循环');
		}
	</script>
</body>
</html>

最低0.47元/天解锁文章

joker柒月

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页搭建入门---javascript入门

JavaScript基础语法JS输出window.alert()警告框 document.write()写到HTML文档 innerHTML写到HTML元素 console.log()写到浏览器后台<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &lt...
复制链接

扫一扫