文档章节

异步加载js

素人派
 素人派
发布于 2015/07/22 07:55
字数 119
阅读 37
收藏 0
1、//判断视频状态 loadVideoStatus(); if(videoStatus==3){ loadScript("http://player.youku.com/jsapi",playVideo); } 2、 /** *显示视频 */ function playVideo() { player = new YKU.Player('youkuplayer', { styleid : '0', client_id : client_id, vid : videoId }); $("#video_jobSoo_delete").show(); } /** *加载优酷的API并播放视频 * @param url js路径 * @param callback 回调函数 */ function loadScript(url, callback){ //创建上script对象 var script = document.createElement("script"); script.type = "text/javascript"; //判断是否IE if (script.readyState){ //IE script.onreadystatechange = function(){ if (script.readyState == "loaded" || script.readyState == "complete"){ script.onreadystatechange = null; $("#youku_loading").hide(); $("#youkuplayer").show(); callback(); } }; } else { //Others: Firefox, Safari, Chrome, and Opera script.onload = function(){ $("#youku_loading").hide(); $("#youkuplayer").show(); callback(); }; } script.src = url; document.body.appendChild(script); }

本文转载自:http://surenpi.com/2015/01/15/%e5%8a%a8%e6%80%81%e5%8a%a0%e8%bd%bdjs/

上一篇: JQuery zTree 的使用
下一篇: bash快捷键
素人派
粉丝 26
博文 1907
码字总数 10223
作品 6
东城
程序员
私信 提问
异步加载script,提高前端性能(defer和async属性的区别)

一、异步加载script的好处 为了加快首屏响应速度,前端会采用代码切割、按需加载等方式优化性能。异步加载script也是一种前端优化的手段。 就好比如果我的页面其中一个功能需要打开地图,但是地...

xiaobe
2018/08/22
0
0
Javascript 异步加载详解

一、同步加载与异步加载的形式 1. 同步加载 我们平时最常使用的就是这种同步加载形式: <script src="http://yourdomain.com/script.js"></script> 同步模式,又称阻塞模式,会阻止浏览器的后...

Carl_
2014/09/15
44
0
Javascript 异步加载详解

一、同步加载与异步加载的形式 1. 同步加载 我们平时最常使用的就是这种同步加载形式: <script src="http://yourdomain.com/script.js"></script> 同步模式,又称阻塞模式,会阻止浏览器的后...

张悟空
2014/08/18
90
0
JSON,异步加载(学习笔记)

JSON是一种传输数据的格式(以对象为样板,本质上就是对象,但用途有区别,对象就是本地用的,json是用来数据传输的,前端与后端的数据通信) JSON是静态类(不需要构造),类似于Math,内部...

Mrs_CoCo
2018/04/23
81
0
网页性能优化之异步加载js文件

一个网页的有很多地方可以进行性能优化,比较常见的一种方式就是异步加载js脚本文件。在谈异步加载之前,先来看看浏览器加载js文件的原理。 浏览器加载 JavaScript 脚本,主要通过元素完成。...

酥风
2018/10/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

android抓取app启动类

adb shell,然后logcat | grep "ActivityManager: START"

安卓工程师王恒
23分钟前
12
0
并发编程之Java锁

一、重入锁 锁作为并发共享数据,保证一致性的工具,在JAVA平台有多种实现(如 synchronized(重量级) 和 ReentrantLock(轻量级)等等 ) 。这些已经写好提供的锁为我们开发提供了便利。 重入锁...

codeobj
26分钟前
10
0
云栖深度干货 | 打造“云边一体化”,时序时空数据库TSDB技术原理深度解密

本文选自云栖大会下一代云数据库分析专场讲师自修的演讲——《TSDB云边一体化时序时空数据库技术揭秘》 自修 —— 阿里云智能数据库产品事业部高级专家 认识TSDB 第一代时序时空数据处理工具...

开源中国小二
27分钟前
9
0
mobile-nfv运行步骤

1. 编译过程 在 [workspaces] 的 <workdir> 目录运行以下命令: $ nfv-build make clean all... $ nfv-build make mobile-package...*** PACKAGE BUILT AT: /vob/BUG_117504/casa/nfv/b......

Robotcl_Blog
36分钟前
10
0
如何对邮箱做域名验证

做客户开发的时候,邮件群发仍然是个有效的手段。如果发海外邮件的话,选个服务器在国外的邮箱比较好,因为邮件抵达率会比较高一些。比如gmail, zoho mail等等,都可以。本文以zoho mail为例...

Zoho云服务
37分钟前
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部