JavaScript实现页面中元素按钮效果绑定------JavaScript

Myth丶恋晨 2024-02-20 10:04 35阅读 0赞

>     AJAX在浏览器当中发送异步请求,请求之间是独立的,谁也不用等谁
>     类似于多线程并发,不会出现页面清空然后展示新的页面的效果
>     实现局部刷新(靠多种技术一起做到的,而不是一个技术叫ajax)
>     它是异步的(类似于多线程)
> 
>     AJAX在浏览器当中发送异步请求,请求之间是独立的,谁也不用等谁
>     类似于多线程并发,不会出现页面清空然后展示新的页面的效果
>     实现局部刷新(靠多种技术一起做到的,而不是一个技术叫ajax)
>     它是异步的(类似于多线程)

>     <!DOCTYPE html>
>     <html lang="en">
>     <head>
>         <meta charset="UTF-8">
>         <title>Title</title>
>     </head>
>     <body>
>         <input type="button" onclick="doSome()" value="Hello">
>         <input type="button" value="hello1" id="helloBtn">
>         <script type="text/javascript">
>             //页面加载完成后给ID是helloBtn绑定单机事件
>             //这个function就是一个回调函数,在window.onload事件执行
>             window.onload = function()
>             {
>                 //给这个按钮绑定事件
>                 var elementById = document.getElementById("helloBtn");
>                 //给这个元素绑定事件
>                 elementById.onclick = function()
>                 {
>                     //这个回调函数的this就是事件源
>                     alert(this.value);
>                 }
>             }
>         </script>
>         <script>
>             function doSome()
>             {
>                 alert("Hello")
>             }
>         </script>
>     </body>
>     </html>
> 
>     <!DOCTYPE html>
>     <html lang="en">
>     <head>
>         <meta charset="UTF-8">
>         <title>Title</title>
>     </head>
>     <body>
>         <input type="button" οnclick="doSome()" value="Hello">
>         <input type="button" value="hello1" id="helloBtn">
>         <script type="text/javascript">
>             //页面加载完成后给ID是helloBtn绑定单机事件
>             //这个function就是一个回调函数,在window.onload事件执行
>             window.onload = function()
>             {
>                 //给这个按钮绑定事件
>                 var elementById = document.getElementById("helloBtn");
>                 //给这个元素绑定事件
>                 elementById.onclick = function()
>                 {
>                     //这个回调函数的this就是事件源
>                     alert(this.value);
>                 }
>             }
>         </script>
>         <script>
>             function doSome()
>             {
>                 alert("Hello")
>             }
>         </script>
>     </body>
>     </html>