在页面加载之前调用javascript函数_Javascript_Jquery_Html

在页面加载之前调用javascript函数

javascript jquery html

在页面加载之前调用javascript函数,javascript,jquery,html,Javascript,Jquery,Html,我正在对body的onload事件调用函数load（）。这个函数有时起作用，有时不起作用。根据我的理解，在主体完全加载之前，不会调用此函数。在加载页面之前，有没有办法调用此函数这里是home.html: <script src="js/custom.js"></script> <script src="js/props.json"></script> <body onload="load()"> <a id="beginner

我正在对body的onload事件调用函数load（）。这个函数有时起作用，有时不起作用。根据我的理解，在主体完全加载之前，不会调用此函数。在加载页面之前，有没有办法调用此函数

这里是home.html:

<script src="js/custom.js"></script>
<script src="js/props.json"></script>
<body onload="load()">

<a id="beginner">Beginner Level</a>
        <div id="beginner-sub" class="well">
            <!-- append content here -->
        </div>

</body>

如果将代码移动到脚本标记内，则在找到时会立即执行：

<head>
...
<script type="text/javascript">
     alert("executed now"); 
</script>
</head>


...
警报（“立即执行”）；

这是为了回答您关于在页面加载之前执行代码的问题。但是，如果访问某个元素，则必须确保在加载该元素后执行此代码

p、您还可以拆分代码，在加载页面之前解析JSON，将结果保存在变量中，然后在加载页面后追加元素。

如果将代码移动到脚本标记中，则在找到时会立即执行：

<head>
...
<script type="text/javascript">
     alert("executed now"); 
</script>
</head>


...
警报（“立即执行”）；

这是为了回答您关于在页面加载之前执行代码的问题。但是，如果访问某个元素，则必须确保在加载该元素后执行此代码

p、您还可以拆分代码，在加载页面之前解析JSON，将结果保存在变量中，然后在加载页面后追加元素。

否，不能（或不应该）强制触发

body onload

事件，但您可以在相关元素之后立即添加脚本标记

<a id="beginner">Beginner Level</a>
<div id="beginner-sub" class="well">
     <!-- append content here -->
</div>
<script>load();</script>

初级
加载（）；

请注意，

load（）

所依赖的任何其他函数必须已加载，否则它将失败

否，不能（或不应该）强制触发

body onload

事件，但您可以在相关元素后立即添加脚本标记

<a id="beginner">Beginner Level</a>
<div id="beginner-sub" class="well">
     <!-- append content here -->
</div>
<script>load();</script>

初级
加载（）；

请注意，

load（）

所依赖的任何其他函数必须已加载，否则它将失败

否，但您可以在正文后立即添加脚本标记。我的答案中是否缺少要添加的内容，您是否接受？否，但是你可以在正文之后立即添加一个脚本标记。我的回答中是否缺少一些东西需要我添加，你接受？是的，但是作为脚本访问元素，它将失败，因为它们没有加载。你可以拆分代码，在页面加载之前解析JSON，将结果保存在变量中，然后在页面加载后追加元素。它可以修复IssueEyes，但作为脚本访问元素，它将失败，因为它们没有加载yetyou可以拆分代码，在页面加载之前解析JSON，将结果保存在变量中，然后在页面加载之后追加元素。它可以解决这个问题