js的基本语法与方法的使用

最新推荐文章于 2022-09-29 10:44:35 发布

最新推荐文章于 2022-09-29 10:44:35 发布 · 141 阅读

文章标签：

#java #javascript #运维 #ViewUI

本文介绍了JavaScript的基础知识，包括其特点、与Java的区别、基本语法、数据类型、数组操作及DOM操作等核心概念。同时，还提供了如何将JavaScript与HTML结合使用的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

*********************************************************
javaScript的简介
1.是基于对象和事件驱动的语言，应用与客户端。
2.js的特点
交互性：信息的动态交互
安全性：js不能访问本地磁盘的文件
跨平台性：java里面跨平台性，虚拟机。只有能够支持js的浏览器，都可以运行。
3.JavaScript和java的区别
java是sun公司的，现在是oracle公司的：js是网景公司
JavaScript是基于对象的，java是面向对象的
java是强类型的语言，js是弱类型的语言
4.js的组成
三大部分：
1.ECMAScript ECMA：欧洲计算机协会有ECMA组织指定的js的语法，语句。
2.BOM browser object moderl：浏览器对象模型
3.DOM document object model：文档对象模型
2.js和html的结合方式（两种）
第一种：使用一个标签
<script type="text/javascript"> js代码</script>
第二种：使用script标签，引入一个外部的js文件
1.创建一个js文件，写js代码
2.<script type="text/javascript" src="js的路径"> </script>
注意：使用第二种方式时候，就不要在script标签里面写js代码了，写了也不会执行的。
*****************************************************
js的原始类型和声明变量
定义变量都是使用关键字 var
js的原始类型（五个）String number boolean null undefined
typeof（）查看当前变量的数据类型
4.js的语句：if判断 switch语句 for循环 while do-while
*********************************
js的运算符
1、在js里面不区分整数和小数的。、
2、字符串的操作；想加了是拼接，相减就是减。
boolean类型也可以操作
如果设置成true，相当于这个值是1
如果设置为false，相当于这个值是0
==和===区别
==比较的是值
===比较的是数据类型。
**********************************
js的数组
定义方式
1.var arr1=[1,2,3];
2.var arr2=new Array(5);定义一个数组的长度;
3.var arr3=new Array(1,2,3);
数组里面有一个属性，length：获取到数组的长度;
数组可以存放不同的数据类型的数据
***************************************
js方法的调用
1.function add(a,b){
document.write(a+b);
}
add(1,3);
2. var add=function(a,b){
document.write(a,b);
}
add(4,6);
*******************************
js的全局变量和局部变量
全局变量：在script标签里面定义一个变量，这个变量在页面中js部分都可以使用，在方法外部使用，在方法内部使用，在另外一个script标签使用。
局部变量：在方法内部都定义一个变量，只能在方法内部都使用，在方法外部使用，就无法使用。
1.点击事件
document.title="点击之后";
2、页面的跳转
location="http://www.baidu.com";
3、弹出警告框
alert("警告");
*******************************************
万物皆对象
document负责一切和文档相关的事情
window负责一切和浏览器相关的事情
所有的对象都是名词，
对象是有类型的
**************************
属性
属性是描述一个对象的
更改对象的属性：对象点属性="新的值"；
***************************************
方法
方法就是一个对象能够做的行为。
命令一个对象立即执行它的方法的语法：对象点方法。
所谓的“参数”就是一定的配置这个方法的一定的数据。
*************************
图像点击更换颜色
document.getElementById("12").style.backgroundColor="blue";
***************************************
鼠标进入和鼠标离开
onmouseover 鼠标进入
onmouseout 鼠标离开
</style>
<script type="text/javascript">
function come() {
document.getElementById("1").style.backgroundColor="blue";
document.getElementById("2").style.display="block";

}
function out() {
document.getElementById("1").style.backgroundColor="red";
document.getElementById("2").style.display="none";
}
</script>
</head>
<body>
<div id ="1" onmouseover="come()" onmouseout="out()"></div>
<div id="2" ></div>
</body>