Javascript基础知识

最新推荐文章于 2022-11-23 17:32:46 发布

满天星Taro

最新推荐文章于 2022-11-23 17:32:46 发布

阅读量163

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/weixin_46005499/article/details/108556657

版权

Javascript 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

简介：
JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

一、JavaScript的三种输出形式

1.弹窗，会以文本的原格式输出

（1）利用href

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<a href="javascript:alter('helloworld')">hello</a>
	</body>
</html>

查看运行结果：

（2）利用`alert()`

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		alert("helloword");
		</script>
	</body>
</html>

查看运行结果：

（3）调用js文件弹出内容

在这里插入图片描述

提供代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script src="file.js"></script>
	</body>
</html>

采用这种方法依然可以弹出窗口，调用了js文件中的内容。

2.document.write()输出到页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		document.write("helloword")
		</script>
	</body>
</html>

在这里插入图片描述我们可以看出是以HTML的语法解析里面的内容的，即显示在页面上。

3.`prompt()`输入框

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		prompt('这是一个输入框');
		</script>
	</body>
</html>

查看运行结果：
注意：单引号双引号用法----js中单引号、双引号没有区别，单引号内不能用单引号，双引号内不能用双引号，中文双引号不在这个范围内，单引号可以包裹双引号，双引号可以包裹单引号。

二、Javascript中的注释方法

hrml注释：<! --代码或文字 – >
css\js大块区域注释：/代码/
js单行注释://

三、变量

1.先声明在赋值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var age,name;//声明变量
			age = 29;//给变量赋值
			name = "王煜希";//给变量赋值
			alert(age);//窗口调用
			alert(name);//窗口调用
			alert('name');//窗口调用
			console.log(age);
			
		</script>
	</body>
</html>

在这里插入图片描述

备注：区分一下alert(‘name’)和alert(name)区别

2.边声明边赋值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var name = '王煜希';
			document.write(name);
		</script>
	</body>
</html>

查看运行结果：

3.批量创建变量然后赋值—不常用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var name,age,sex;		
			name='黎明';			
			age='30';		
			sex='男';	
			alert(name);
		</script>
	</body>
</html>

4.批量创建并且赋值—不常用

	var  name='李四',age='25',sex='男';

5.注意事项

（1）严格区分大小写
（2）变量的命名必须以字母或_或 $开头，余下的部分可以是任意字母、数字，或者是_或者是$ ( _ $ 和普通字母用法一样)
（3）不能用关键字或者保留字命名
（4）JavaScript自己的命名习惯
驼峰名命法genElementById
var studentnamelist;
var studentNameList; 比较好区分是由三个单词拼合而成
var student_name_list;
（5）命名一定要有意义

满天星Taro

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript基础知识

简介：JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。这里写目录标题一、JavaScript的三种输出形式1.弹窗，会以文本的原格式输出（1）利用href（2）利用`alert()`（3）调用js文件弹出内容2.document.write()输出到页面3.`pr
复制链接

扫一扫