JavaScript系统学习

最新推荐文章于 2024-08-18 10:54:05 发布

陆总809

最新推荐文章于 2024-08-18 10:54:05 发布

阅读量811

点赞数 20

文章标签： javascript linux 开发语言

本文链接：https://blog.csdn.net/qq_63001766/article/details/140261093

版权

特点：

弱语言，区分大小写，面向对象，跨平台

什么是弱语言？

这通常指的是JavaScript在类型系统上的宽松特性。

在弱类型语言中，变量的类型不是严格固定的。这意味着你可以将一个变量从一种类型（如数字）赋值为另一种类型（如字符串），而不需要进行显式的类型转换或声明。

这种灵活性使得编程更加简单快捷，但同时也可能引入类型错误，因为编译器或解释器不会在编译时检查这些潜在的错误。

<script>标签使用

基本语法：<script type="text/javascript">javascript相关代码</script>

注意：<script>标签，可以出现在页面任意位置

同一页面，可以有多个<script>标签

例：

<!DOCTYPE html>
<html>
<head>
<title>JavaScript示例</title>
<meta charset="utf-8" />
</head>
<body>
    
	<script type="text/javascript">
      document.write("今天中午吃什么");
    </script>
    
</body>
</html>

document.write("");//在浏览器中输出“”中的内容。

事件

事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行

HTML事件，都是添加给HTML标签的，具体的添加方法如下：

添加事件语法格式

<标签事件名称=“JavaScript代码”><标签>

鼠标事件

（1）onlick="函数名（）" 鼠标点击事件；

（2）οnmοuseοver="函数名（）"当鼠标移入时触发事件

（3）οnmοuseοut="函数名（）"当鼠标移出时触发事件

页面加载事件：用于在网页加载完毕后立刻执行的操作，即当HTML文档加载完毕后，立刻执行某个方法

<body onload = "函数名()">或者window.onload = function(){
javascript代码
}

窗口重置事件：用于在窗口或框架被调整大小时执行某个方法。
<body οnresize="函数名()">或者window.οnresize=function(){代码}

<!DOCTYPE html>
<html>
<head>
<title>复仇者联盟</title>
<meta charset="utf-8" />
</head>
<body>
    
<div id="div1">div1</div>
    
<script type="text/javascript">
      
      window.onresize = function(){
          document.getElementById("div1").innerHTML = document.getElementById("div1").offsetWidth;//把id为div1的标签的宽度在其标签中输出
      }
      
    </script>
</body>
</html>

运行效果：（运行出来页面）

当把页面窗口缩小是就显示出div标签的宽度

鼠标滚轮事件：

document.addEventListener("DOMMouseScroll",函数名，布尔值);//火狐浏览器

window.onwheel = 函数名;//谷歌浏览器

e.wheelDelta（一般用于火狐浏览器） 是一个非标准的属性，它用于表示当鼠标滚轮被滚动时，滚动的方向和距离。然而，需要注意的是，由于它不是一个标准属性，因此它的行为可能会在不同的浏览器中有所不同，甚至在某些浏览器中可能完全不可用。

当e.wheelDelta<0时，通常是向下滚动，否则向上滚动。但是不同的浏览器会有所区别。

现代Web开发中更推荐使用标准的 WheelEvent 接口中的属性，如 deltaY、deltaX 和 deltaZ，来检测鼠标滚轮的滚动。

deltaY：表示在垂直方向上的滚动量。正值表示向上滚动，负值表示向下滚动。
deltaX：表示在水平方向上的滚动量。正值表示向右滚动，负值表示向左滚动。
deltaZ：表示在Z轴（通常与页面垂直）方向上的滚动量，但这个属性并不常用，因为大多数鼠标滚轮不支持Z轴滚动。

陆总809

关注

20
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
JavaScript系统学习

这通常指的是JavaScript在类型系统上的宽松特性。在弱类型语言中，变量的类型不是严格固定的。这意味着你可以将一个变量从一种类型（如数字）赋值为另一种类型（如字符串），而不需要进行显式的类型转换或声明。这种灵活性使得编程更加简单快捷，但同时也可能引入类型错误，因为编译器或解释器不会在编译时检查这些潜在的错误。
复制链接

扫一扫