脚本 | 易学教程

JS实现页面刷新

阅读更多关于 JS实现页面刷新

自动刷新页面的方法： 1、页面自动刷新--代码嵌入<head>区域中 <meta http-equiv="refresh" content="20"> 其中： 20指页面每隔20秒刷新一次 2、页面自动跳--代码嵌入<head>区域中 <meta htttp-equiv="refresh" content="20" url="http://www.baidu.com"> 其中： url是20秒后跳转的目标地址 3、页面自动刷新-- JS <script language="JavaScript"> function myrefresh() { window.location.reload(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次 </script> 其中：1000ms页面刷新一次 4、框架刷新语句--JS //刷新包含该框架的页面用 <script language=JavaScript> parent.location.reload(); </script> //子窗口刷新父窗口 <script language=JavaScript> self.opener.location.reload(); </script> (　或　<a href="javascript:opener.location.reload()">刷新</a

JS实现刷新iframe的方法

阅读更多关于 JS实现刷新iframe的方法

PX4 FMU启动流程 2. 二、 nsh_initscript

阅读更多关于 PX4 FMU启动流程 2. 二、 nsh_initscript

PX4 FMU启动流程 2. 二、 nsh_initscript PX4 FMU启动流程 2. 二、 nsh_initscript -------- 转载请注明出处 -------- 2014-11-27.冷月追风 -------- email： merafour@163.com /**************************************************************************** * Name: nsh_initscript * * Description: * Attempt to execute the configured initialization script. This script * should be executed once when NSH starts. nsh_initscript is idempotent * and may, however, be called multiple times (the script will be executed * once. * ****************************************************************************/ int nsh_initscript(FAR struct nsh

《JavaScript》高级程序设计第21章：Ajax和Comet，jsonp

阅读更多关于《JavaScript》高级程序设计第21章：Ajax和Comet，jsonp

一、创建XMLHttpRequest对象二、XHR的用法五、跨域资源共享六、其他跨域技术七、安全七、安全 1. 图像Ping 2. JSONP（JSON with padding，填充式JSON/参数式JSON） 3. Comet（“服务器推送”） 4. 服务器发送事件（SSE：Server-Sent Events） 5. Web Sockets 6. SSE & Web Sockets 7. 跨域方法小结：七、安全 Ajax的技术核心是 XMLHttpRequest对象（简称XHR）一、创建XMLHttpRequest对象 1 function createXHR(){ 2 if(typeof XMLHttpRequest != "undefined"){ 3 //IE7, FireFox, Opera, Chrome, Safari都支持原生的XHR对象，这些浏览器中可以使用XMLHttpRequest构造函数 4 return new XMLHttpRequest(); 5 } else if (typeof ActiveXObject != "undefined"){ 6 //使用于IE7之前的版本 7 if(typeof arguments.callee.activeXString != 'string'){ 8 var versions = [

浏览器渲染页面原理，reflow、repaint及其优化

阅读更多关于浏览器渲染页面原理，reflow、repaint及其优化

浏览器的主要组件包括： 1. 用户界面 - 包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的你请求的页面外，其他显示的各个部分都属于用户界面。 2. 浏览器引擎 - 在用户界面和渲染引擎之间传送指令。 3. 渲染引擎 - 负责显示请求的内容。如果请求的内容是 HTML，它就负责解析 HTML 和 CSS 内容，并将解析后的内容显示在屏幕上。 4. 网络 - 用于网络调用，比如 HTTP 请求。其接口与平台无关，并为所有平台提供底层实现。 5. 用户界面后端 - 用于绘制基本的窗口小部件，比如组合框和窗口。其公开了与平台无关的通用接口，而在底层使用操作系统的用户界面方法。 6. JavaScript 解释器。用于解析和执行 JavaScript 代码，比如chrome的JavaScript解释器是V8。 7. 数据存储。这是持久层。浏览器需要在硬盘上保存各种数据，例如 Cookie。新的 HTML 规范 (HTML5)定义了“网络数据库”，这是一个完整（但是轻便）的浏览器内数据库。关键路径渲染(Critical Rendering Path)：渐进式浏览器拿到HTML之后的渲染过程：（不同内核实现不一样但大概是这样） 1. 解析HTML，构建DOM tree。 2. 解析CSS，构建CSSOM tree。 3. 合并DOM tree和CSSOM tree

React---入门（1）

阅读更多关于 React---入门（1）

React是什么？ React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 特点 1.声明式设计 −React采用声明范式，可以轻松描述应用。 2.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。 3.灵活 −React可以与已知的库或框架很好地配合。 4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。 5.组件 − 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。 6.单向响应的数据流 − React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。使用react需要依赖的基本库： <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script> <script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js">

js 异步加载

阅读更多关于 js 异步加载

一、为什么要JS异步加载？因为同步加载存在问题！ JS在默认情况下是以同步模式（又称阻塞模式）加载的，这里“加载”的意思是“解释、执行”。在最新版本的浏览器中，浏览器对于代码请求的资源都是瀑布式的加载，而不是阻塞式的，但是JS的执行总是阻塞的。这会引起什么问题呢？如果在页面中加载一些JS，但其中某个请求迟迟得不到响应，位于此JS后面的JS将无法执行，同时页面渲染也不能继续，用户看到的就是白屏（此时JS在 <head> 标签之后引入）。 <head> <meta charset="UTF-8"> <title>test</title> <script type="text/javascript" src='http://china-addthis.googlecode.com/svn/trunk/addthis.js'></script> <script type="text/javascript" src='http://libs.baidu.com/jquery/2.0.0/jquery.min.js'></script> </head> <body> <p>我是小仙女</p> </body> 这是一个简单的html文件，页面的主体是简单地文本段落，但是代码执行后迟迟都是空白。为什么呢？因为第一个请求的JS迟迟无法加载，于是阻塞了后面代码的执行，页面得不到渲染。

js的异步加载及promise的三种状态

阅读更多关于 js的异步加载及promise的三种状态

---恢复内容开始--- js异步加载同步加载 <script src="http://baidu.com/script.js"></script> ---> 我们平时经常使用的就是这种同步加载的形式同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载（如图像）、渲染、代码执行。 js 之所以要同步执行，是因为 js 中可能有输出 document 内容、修改dom、重定向等行为，所以默认同步执行才是安全的。以前的一般建议是把<script>放在页面末尾</body>之前，这样尽可能减少这种阻塞行为，而先让页面展示出来。异步加载异步加载有几种方式，现在介绍以下两种常用的 async ： async的定义和用法(是HTML5的属性) async 属性规定一旦脚本可用，则会异步执行。示例： <script type="text/javascript" src="demo_async.js" async="async"></script> 注：async 属性仅适用于外部脚本（只有在使用 src 属性时）注：有多种执行外部脚本的方法：如果不使用 async 且 defer="defer"：脚本将在页面完成解析时执行如果 async="async"：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行）如果既不使用

[原创]如何确保JavaScript的执行顺序 –之jQuery1.5.1与jQuery1.4.4的差异

阅读更多关于 [原创]如何确保JavaScript的执行顺序 –之jQuery1.5.1与jQuery1.4.4的差异

1. 引言在上一篇文章《如何确保 JavaScript 的执行顺序 - 之实战篇》中，我们发现 jQuery.html 函数在动态加载跨域 JavaScript 时，在 Firefox 和 Opera 中可以按照引入顺序执行，而在 IE ， Chrome 和 Safari 中都不能确保执行顺序。经过分析，我们发现 jQuery.html 在处理跨域静态 JS 文件时，并非采用的同步 AJAX （也存在同源策略的限制），而是在 head 中添加 script 标签来完成的。我们先来简单回顾下 HTML 源代码（ test2_1.htm ）： <html> <head> <title></title> <script src="js/jquery-1.4.4.js" type="text/javascript"></script> <script> $(function(){ $('#container').html('<script src="http://test1.sanshi.me/jsorder/service.ashx?file=js/jquery-ui.js&delay=2000" type="text\/javascript"><\/script>' + '<script>alert(typeof(jQuery.ui));<\/script>'); }); <

Java8中执行js脚本

阅读更多关于 Java8中执行js脚本

代码中除了callJSFunctionFromFile函数，其他均转载于文章 JDK1.8中如何用ScriptEngine动态执行JS import jdk.nashorn.api.scripting.ScriptObjectMirror; import javax.script.Invocable; import javax.script.ScriptEngine; import javax.script.ScriptEngineManager; import javax.script.SimpleBindings; import java.io.FileReader; import java.util.Map; import java.util.TreeMap; public class JSEngine { public static ScriptEngine engine; public static String str; public static void getValues() throws Exception{ str = " var msg='hello'; " + " var number = 123; " + " var array=['A','B','C']; " + " var json={ " + " 'name':'pd', " + "

订阅脚本