html5加载,html5加载完成后第一个函数

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

如何实现HTML5的预加载

!-- 页面，可以使用绝对或者相对路径 --

link rel="prefetch" href="page2.html" /

!-- 图片，也可以是其他类型的文件 --

link rel="prefetch" href="sprite.png" /

从上面的HTML代码可以看出，预加载使用 link 标签，并指定 rel="prefetch" 属性，而href属性就是需要预加载的文件路径。而Mozilla还实现了一些类似的 link rel 属性:

link rel="prefetch alternate stylesheet" title="Designed for Mozilla" href="mozspecific.css" /

link rel="next" href="2.html" /

备注： https 协议也同样支持。

何时需要预加载

网站是否采用预加载取决于你的需求，下面是一些建议：

- 如果一系列的页面幻灯片一样展示，那么可以预加载前后各1至3个页面.

- 加载网站内部通用的图片

- 在搜索结果页预加载下一页

阻止预加载

Firefox 允许禁止预加载模式，代码如下：

user_pref("network.prefetch-next", false);

相关问答

Q1: html5 手机端异步加载什么意思

异步加载就是在执行过程同时加载，通常会使图片之类重要性较次的东西

基本是用AJAX来进行异步加载。

Q2: 使用html5 video播放的视频加载很慢怎么优化

video autoplay="autoplay" loop="loop" src="video.ogg"/video

autoplay:当视频准备就绪就开始播放（不需要完全下载好，只要准备好了能播的时候就会马上播）

loop：循环播

Q3: 安卓怎么加载html5开发的文件

下载安装MyEclipse2014，Android SDK，eclipse(需配置Android开发环境)

Java和Android环境安装与配置，将另写经验分享，读者也可百度参考其他相关资料，自行安装

打开MyEclipse2014，新建一个HTML5 Mobile Application Project，命名，例如：hello

html5程序在工程www目录下编辑；

编辑好我们的html5程序，下面就要开始学习打包了

这里介绍两种打包方式：1、PhoneGap Build Service 打包

PhoneGap官网有相关教程可参考，不具体介绍

2、android SDK +eclispe 打包

android SDK +eclispe 打包(前提已配置好，android开发环境)：

Step1、启动eclipse，新建Android Application Project，即Android工程，命名，例如：hello

Step2、将前面Myeclipse2014中编辑好的HTML5程序(www整个目录）拷至刚刚在eclipse新建hello工程对应assets目录下面

Step3、下面要做的就是如何将我们的HTML5程序在Android应用中启动，这里我们要使用Android系统自带的WebView控件（具体信息参考Adroid开发文档）---在工程下找到res-layout-activity_main.xml并打开，向里面插入WebView控件，编辑好自己想要的样式

Step4、在主程序入口，用刚刚编辑好的WebView控件将HTML5程序引入，此时，主体功能已实现，编译工程即可得到apk