js写在head里还是body里 加载顺序 如何写
展开全部
昨天晚上我被问到一个问题，我说不清楚，还用了这么久的js了，所以今天特意测试了一下。如下<html><head><title>订单列表V1.0</title>
<script type="text/javascript">
alert("head1");
function test(){
alert("test");//不会执行，需要触发时才执行，比如单击事件（单击查询按钮时）}alert("head2");</script></head><body><h3>订单列表</h3>
<select id="orderStatsList">
<option value="1">订单状态</option>
<option value="2">完成</option>
<option value="3">未完成</option>
<option value="4">逾期未消费</option>
</select> <select id="orderDateRange">
<option value="1">近7天</option>
<option value="2">近一个月</option>
<option value="3">近六个月</option>
<option value="4">六个月前</option>
</select> <input type="button" value="查询" onclick="test();"/>
<div id="orderlisttable"></div><script type="text/javascript">
var s= document.getElementByIdx_x("orderStatsList").value;alert(s);alert("body");</script></body><!--结论如下：
1.弹出：head1
2.弹出：head2
3.弹出：1
4.弹出：body说明：页面首先加载head里面的js，但方法function不会执行，function需要在被触发的时候才执行（比如单击事件）,
之后会加载body里面的内容，页面和js顺序加载。
建议：尽量不要将js写在body里面，看起来很乱，也很容易报错。尽量将js写在head里面或在head里引入js文件
Javascript写在哪里？概括起来就是三种形式：
1. 内部：Html网页的<body></body>中；// 不建议使用
2. 内部：Html网页的<head></head>中；
3. 外部：外部JS文件里。//推荐，页面简洁，好管理。
<script type="text/javascript">
alert("head1");
function test(){
alert("test");//不会执行，需要触发时才执行，比如单击事件（单击查询按钮时）}alert("head2");</script></head><body><h3>订单列表</h3>
<select id="orderStatsList">
<option value="1">订单状态</option>
<option value="2">完成</option>
<option value="3">未完成</option>
<option value="4">逾期未消费</option>
</select> <select id="orderDateRange">
<option value="1">近7天</option>
<option value="2">近一个月</option>
<option value="3">近六个月</option>
<option value="4">六个月前</option>
</select> <input type="button" value="查询" onclick="test();"/>
<div id="orderlisttable"></div><script type="text/javascript">
var s= document.getElementByIdx_x("orderStatsList").value;alert(s);alert("body");</script></body><!--结论如下：
1.弹出：head1
2.弹出：head2
3.弹出：1
4.弹出：body说明：页面首先加载head里面的js，但方法function不会执行，function需要在被触发的时候才执行（比如单击事件）,
之后会加载body里面的内容，页面和js顺序加载。
建议：尽量不要将js写在body里面，看起来很乱，也很容易报错。尽量将js写在head里面或在head里引入js文件
Javascript写在哪里？概括起来就是三种形式：
1. 内部：Html网页的<body></body>中；// 不建议使用
2. 内部：Html网页的<head></head>中；
3. 外部：外部JS文件里。//推荐，页面简洁，好管理。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
