JS学习记录-Day1-CSDN博客

本文链接：https://blog.csdn.net/qq_42909264/article/details/127660558

JavaScript用于控制网页内容，实现网页浏览者与网页内容之间的交互，这种交互的实现直接发生在客户端，并不需要与Web服务器之间进行数据通信，因此将获得极高的响应速度。

JS使用方法

a.直接嵌入

使用< scipt>< /script>将脚本直接写在界面中

   <script type="text/javascript">
       document.write("欢迎使用JavaScript编写页面特效")
   </script>

b.使用外部JS文件

1.创建外部js文件

2.在html页面中引用外部js文件

<script language=“javascript” src="外部js文件">

函数

a.基本语法

 function  函数名(参数列表){
    函数代码块
    [return 表达式]
  }

b.函数表达式

语法:
left f = function(参数列表){
       		函数体
		 有返回值，直接使用return  value;
  };
调用函数:
  f(参数);

c.箭头函数

//箭头函数
let f =(num)=>{
     console.log(num);
};
//调用函数
f(10);

事件

在DOM模型中，通过鼠标或按钮在浏览器窗口或网页上执行的操作称为事件(event)。

a、事件注册方式1：标签中定义事件

<input type=”button” onclick=”sayHi()” value=”sayHi”/>
<script type="text/javascript">
	function sayHi(){
        alert("hello");
    }
</script>

b、事件注册方式2：通过不同的事件属性定义事件

<input type=”button” id="btn" value=”sayHi”/>
<script type="text/javascript">
	document.getElementById("btn").onclick=function(){
        alert("hello");
    }
</script>

c、事件注册方式3：通过addEventListener定义事件

<body>
    <button id="btn">say hi</button>
</body>
<script type="text/javascript">
    document.getElementById("btn").addEventListener("click", function(){
        console.log("目标元素被点击了");
    });
</script>