javascript脚本应用,javascript脚本大全

最新推荐文章于 2024-06-10 16:20:09 发布

gpt886

最新推荐文章于 2024-06-10 16:20:09 发布

阅读量1.1k

点赞数

文章标签：人工智能

本文链接：https://blog.csdn.net/2301_79533350/article/details/134180469

版权

大家好，小编为大家解答javascript脚本应用的问题。很多人还不知道javascript脚本大全，现在让我们一起来看看吧！

1、JavaScript简单介绍

Java（简称js）语言诞生主要是完成页面的数据验证。因此它运行在客户端，需要运行浏览器来解析执行 JavaScript 代码Deepl降重。 JS 是 Netscape 网景公司的产品，最早取名为 LiveScript;为了吸引更多 java 程序员。更名为 JavaScript。 JS 是弱类型，Java 是强类型。

js的特点：

交互性（它可以做的就是信息的动态交互）
安全性（不允许直接访问本地硬盘）
跨平台性（只要是可以解释 JS 的浏览器都可以执行，和平台无关）

2、js和html结合的使用方式

1、在html页面除了title标签之外任何地方写上

< type="text/java"> 
// alert 是 JavaScript 语言提供的一个警告框函数。 // 它可以接收任意类型的参数，这个参数就是警告框的提示信息 
alert("hello javaScript!"); 
</>

2、在外部定义js单独引入
src =“js文件的路径”

< type="text/java" src="1.js"></>

3、js变量

js的常见变量类型如下五种：
数值类型： number
字符串类型： string
对象类型： object
布尔类型： boolean
函数类型： function

js当中特殊的值：
undefined 未定义，所有 js 变量未赋于初始值的时候，默认值都是 undefined.
null 空值
NaN 全称是：Not a Number。非数字。非数值

js定义变量的语法：var 变量名 = 值；

4、js关系比较运算和逻辑比较运算

关系运算
等于： == 比较值
全等于： === 除了做字面值的比较之外，还会比较两个变的数据类型

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		< type="text/java">
			var i = "11";
			var j = 11;
			document.write( i == j);
			document.write("<br />")
			document.write(i === j)
		</>
	</body>
</html>

在这里插入图片描述
逻辑运算
且运算： &&
或运算： ||
取反运算： !

0 、null、 undefined、””(空串) 都认为是 false；

&& 且运算。
第一种：当表达式全为真的时候。返回最后一个表达式的值。
第二种：当表达式中，有一个为假的时候。返回第一个为假的表达式的值

|| 或运算
第一种情况：当表达式全为假时，返回最后一个表达式的值第二种情况：只要有一个表达式为真。就会把回第一个为真的表达式的值

5、js当中的数组

js数组的定义：
var 数组名 = []; // 空数组
var 数组名 = [1 , ’abc’ , true]; // 定义数组同时赋值元素

arr[0] = 12; 
// alert( arr[0] );//12 // alert( arr.length ); // 0 

// javaScript 语言中的数组，只要我们通过数组下标赋值，那么最大的下标值，就会自动的给数组做扩容操作。 arr[2] = "abc"; alert(arr.length); //3 
// alert(arr[1]);// undefined // 
数组的遍历 
for (var i = 0; i < arr.length; i++){ 
alert(arr[i]); 
}

6、js当中的的函数（function）

第一种方法：使用function关键字来定义
function 函数名(形参列表){
函数体
}


<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		< type="text/java">
			function fun() {
				document.write("我是无参函数fun");
			}

			function sum(num1, num2) {
				document.write("我是有参函数：")
				var result = num1 + num2;
				return result;
			}
			document.write(fun());
			document.write("<br />")
			document.write(sum(100, 50));
		</>
	</body>

</html>

在这里插入图片描述

第二种定义函数的方法
var 函数名 = function(形参列表) {
函数体
}

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		< type="text/java">
			var fun = function() {
				document.write("我是无参函数fun");
			}

			var sum = function (num1, num2) {
				document.write("我是有参函数：")
				var result = num1 + num2;
				return result;
			}
			document.write(fun());
			document.write("<br />")
			document.write(sum(100, 50));
		</>
	</body>

</html>

在这里插入图片描述
注意：在 Java 中函数允许重载。但是在 JS 中函数的重载会直接覆盖掉上一次的定义。

7、js中的自定义对象

Object 形式的自定义对象对象的定义：
var 变量名 = new Object(); // 对象实例（空对象）
变量名.属性名 = 值; // 定义一个属性
变量名.函数名 = function(){} // 定义一个函数
对象的访问：变量名.属性 / 函数名();

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		< type="text/java">
			//创建对象
			var dog = new Object();
			//创建属性
			dog.color = "白色";
			dog.age = 2;
			//创建函数
			dog.fun = function () {
				document.write("颜色："+this.color+"<br/>狗狗年龄："+this.age);
			}
			dog.fun();
		</>
	</body>

</html>

在这里插入图片描述
{}花括号形式的自定义对象
对象的定义： var 变量名 = { // 空对象
属性名：值, // 定义一个属性
属性名：值, // 定义一个属性
函数名：function(){} // 定义一个函数
};
对象的访问：变量名.属性 / 函数名();

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		< type="text/java">
			var dog = {
				name: "小白",
				color: "白色",
				sex: "公",
				show: function() {
					document.write("姓名：" + this.na

最低0.47元/天解锁文章

gpt886

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
javascript脚本应用,javascript脚本大全

Java（简称js）语言诞生主要是完成页面的数据验证。因此它运行在客户端，需要运行浏览器来解析执行 JavaScript 代码Deepl降重。JS 是 Netscape 网景公司的产品，最早取名为 LiveScript;为了吸引更多 java 程序员。更名为 JavaScript。JS 是弱类型，Java 是强类型。
复制链接

扫一扫