onload事件
onload时间会在页面或图像加载完成后立即发生。
语法
onload="SomeJavaScriptCode"
SomeJavaScriptCode是规定该事件发生时执行的JavaScript
window.onload = function(){}
页面加载完成触发窗口里加载事件
window.onload =function(){ show_person_name(); }; function show_person_name() { $.getJSON("../DATA/person_storage.json",function(data) { data["person"].forEach(function (list) { var person_name_html = "<li class='name' " + "onclick='choose_person_name(" + '"' + list + '"' + ")' type='button'>" + list + "</li>" ; $("body").append(person_name_html); }); }); }
每一个React组件在加载时都有特定的生命周期,在此期间不同的方法会被执行。
组件加载:componentWillMount
componentWillMount()
componentWillMount会在组件render之前执行,并且永远都只执行一次。
由于这个方法始终只执行一次,所以 如果在这里定义了setState方法之后,页面永远都只会在加载前更新一次。
组件加载:componentDidMount
componentDidMount()
这个方法会在组件加载完毕之后立即执行。在这个时候之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode() 来进行访问。
componentDidMount: function () { var self = this; $.ajax({ url:"../DATA/person_storage.json", dataType:"json", async:true, success:function(data) { console.log(data.person); self.setState({ persons: data.person }); } }) }
相关推荐
react使用setState map ajax 使用onTouchEnd onTouchStart事件来触发加载 编译方式 gulp
react-灵活基于promise的React数据加载器
开箱即用 React 懒加载组件
React waterfall 高性能无限滚动下拉加载
一种简单且声明性的方法,可以为您的React应用添加键盘快捷键
以一种更加优雅的方式对react组件添加水印
在React项目中添加复杂翻译(i18n)的简单方法
Load Async 异步地加载 React 组件
React集成Cesium源码打包
使用 SVG 创建一个加载占位符的 React 组件
一个非常简单,高度可定制的类似youtube的react加载程序组件
加载 vue 的 React 微前端组件 这是一个基于单 spa 的反应微前端组件 基于single-spa,可以在react项目中加载vue组件 更多详情、使用方法,请下载后阅读README.md文件
React CSS Loaders一个纯CSS React加载中的组件集合
React水印组件,支持图片水印,文字水印。
react-worker-image:一个React组件,实现通过web worker加载图像
操作favicon的React组件,可作为加载或进度指示器
用法安装npm install screenfull-react yarn add screenfull-react 用使用全屏React有两种方法: 让它滚动执行(适用于移动设备) 强制全屏(适用于弹出窗口和其他单击触发的事件) 在其他方面,只需将添加到您的...
Reactour 添加向导指南至你的React组件中
在react / react-native应用程序的任何地方添加auth保护
react-qmap:一个对腾讯web地图简单封装的React组件