js如何不用body里的onload事件实现页面加载自动调用该方法

Posted 2023-05-07

如何不用body里的onload事件实现页面加载自动调用该方法

你描述的有些模糊,你的需求是不需要页面完全加载完毕调用方法,还是不需要加载完毕调用方法,如果是前者.但又不想在body里写onload属性,那可以这样.<script>window.onload = function() //dosomething</script>如果是后者那么就楼上说的可以实现.不过把<script>alert("自动加载")</script>放到页面</title>前比较好. 参考技术A <script>alert("自动加载")</script> 你不把代码写进函数名就可以了~ 参考技术B <script type="text/javascript">
window.onload = function ()
........

</script> 参考技术C JQ的$(function())方法或者面向对象的构造函数都可以，

vue.js中怎样用onload事件

1、首先创建一个名称为onload的html文件，如下图所示。

2、设置标题为 javascript  onload，如下图所示。

3、在body标签 中加入onload事件，并在事件中加入自定义函数 myonload。

4、在文档区域加入一个h 元素，加入文本内容“页面加载完成显示页面内容”，当页面加载完成 后 显示该内容。

5、创建一个自定义函数myload，当页面完成后，调用该自定义函数，并加入alert提示语。

6、在浏览器中打开该文件，首先会弹出页面加载完成后调用的myonload函数，在现实页面内容。

参考技术A

1、创建一个Vue.js文件，在template标签中插入div，div包裹无序列表和fusioncharts组件，其中无序列表子项元素绑定点击事件，如下图所示。

2、在<script></script>标签中，定义饼图的数据源dataSource，有chart和data对象属性。

3、在export default中，定义name和data，其中data返回值有无序列表项、饼图图类型、图宽度、图高度、图数据格式和图数据源。

4、保存代码并使用命令运行项目，启动完毕之后，在浏览器预览图形效果。

参考技术B 可以用 v-on 指令监听 DOM 事件：
<div id="example">
<button v-on:click="greet">Greet</button>
</div>
绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法：
var vm = new Vue(
el: '#example',
data:
name: 'Vue.js'
,
// 在 `methods` 对象中定义方法
methods:
greet: function (event)
// 方法内 `this` 指向 vm
alert('Hello ' + this.name + '!')
// `event` 是原生 DOM 事件
alert(event.target.tagName)


)

// 也可以在 JavaScript 代码中调用方法
vm.greet() // -> 'Hello Vue.js!'本回答被提问者采纳 参考技术C

最佳回答不看问题的？

可以看看Vue的生命周期。Vue.js 生命周期

在vue里定义 created:function()