如何将参数放入request中参数放在header会和body

转载

mob64ca140c3859 2024-04-07 10:13:12

文章标签 如何将参数放入request中 javascript ViewUI 加载页面加载 文章分类 架构后端开发

1 body和header中JavaScript执行的时机

　　1.1 header中

　　　　放在header中的javascript代码会进行预加载（即：在页面加载之前就会进行），所以需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时，可以保证脚本在任何调用之前被加载。

　　　　坑01：header中的JavaScript只是比页面先加载，但是header中哪些JavaScript并没有执行，只有被调用时才会执行header中那些JavaScript

　　　　坑02：header中的JavaScript脚本会在页面加载前执行，事件会在被触发后执行

　　　　技巧03：通常外部脚本都是在header中引入

<script src="/js/jquery.js"></script>
<script src="http://cdn.static.runoob.com/libs/jquery/2.0.0/jquery.min.js"></script>

　　1.2 body中

　　　　放在body中的JavaScript代码会在页面加载完成后才进行加载，当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。

　　　　坑01：body中的JavaScript脚本会按照页面的加载顺序加载执行，事件也会在被触发后再执行

　　1.3 放在header和body的区别

　　　　1.3.1 加载顺序不同

页面加载之前就会进行预加载，body中的会在按照页面从上到下的顺序进行加载，所以向获取DOM节点这种操作必须在目标节点对应的标签被加载后才可以进行，否则是获取不到的哟。

如何将参数放入request中参数放在header会和body_加载

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>JavaScriptTest</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">

<!-- <script src="/js/jquery.js"></script> -->
<script src="http://cdn.static.runoob.com/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
    alert("Hello Boy");
    var a = 100;
    console.log(a);
    var b = document.getElementById("test");
    alert("header中获取  -->>  " + b);
</script>

</head>
<body>
    <p>Hello Boy</p>
    <script>
        var b = document.getElementById("test");
        alert("body中获取（PS: id为test的标签还未完成加载）  -->>  " + b);
    </script>
    <button id="test">测试按钮</button>

    <script>
        var b = document.getElementById("test");
        alert("body中获取（PS: id为test的标签完成了加载）  -->>  " + b);
    </script>
    
</body>
</html>

View Code