脚本 | 易学教程

js实现页面自动刷新

阅读更多关于 js实现页面自动刷新

自动刷新页面的实现方法总结: 1) <meta http-equiv="refresh"content="10;url=跳转的页面"> 10表示间隔10秒刷新一次 2) <script language=''javascript''> window.location.reload(true); </script> 如果是你要刷新某一个iframe就把window给换成frame的名字或ID号 3) <script language=''javascript''> window.navigate("本页面url"); </script> 4> function abc() { window.location.href="/blog/window.location.href"; setTimeout("abc()",10000); } 虽说不建议在action中这样写，但是其他方法效果不好的时候也只有这样。刷新本页： Response.Write("<script language=javascript>window.location.href=window.location.href;</script>") 刷新父页： Response.Write("<script language=javascript>opener.location.href=opener

iview使用vue-i18n实现国际化

阅读更多关于 iview使用vue-i18n实现国际化

　　iview官网中和网上的例子中使用的都是webpack方式，需要import js文件，但是由于项目架构比较简单，没有使用webpack，纯html和js进行交互。所以这里就直接使用js文件引用方式。 1.js版本要求 iview官网中的写法，vue-i18n只支持到5.0.3版本，高一个版本会报错（Vue.locale not a function）。 Vue.use(VueI18n); Vue.use(iView); Vue.config.lang = 'zh-CN'; Vue.locale('zh-CN', zhLocale); Vue.locale('en-US', enLocale); 2.iview语言文件引入由于纯js方式引用，所以iview的语言文件需要做修改。去除export default等关键词，改为全局变量方式。 var zhLocale= { i: { locale: 'zh-CN', select: { placeholder: '请选择', noMatch: '无匹配数据', loading: '加载中' }, ... 语言文件下载（zh-CN、en-US）： https://files.cnblogs.com/files/xcong/lang.zip 3.代码预览 <!DOCTYPE html> <html lang="en"> <head>

draggable and droppable example

阅读更多关于 draggable and droppable example

以下是一个拖拽的例子（在参考jquery ui拖拽中的demo中，有很多好的例子）。在drop方法中，ui.draggable用于获取被拖的jquery对象。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Droppable - Shopping Cart Demo</title> <link rel="stylesheet" href="http://www.cnblogs.com/themes/base/jquery.ui.all.css"> <script src="http://www.cnblogs.com/jquery-1.7.2.js"></script> <script src="http://www.cnblogs.com/ui/jquery.ui.core.js"></script> <script src="http://www.cnblogs.com/ui/jquery.ui.widget.js"></script> <script src="http://www.cnblogs.com/ui/jquery.ui.mouse.js"></script> <script src="http://www.cnblogs.com/ui/jquery

jquery 五星评价(图片实现)

阅读更多关于 jquery 五星评价(图片实现)

1111 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>五星评价(图片实现) </title> <script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script> </head> <body> <div class="starMain" style="width: 100%;margin: 0 auto;height: 10px;line-height:10px;margin-top: 1px;"> <img class="ev-star" src="/Script/image/evaluate/empty.png" /> <img class="ev-star" src="/Script/image/evaluate/empty.png" /> <img class="ev-star" src="/Script/image/evaluate/empty.png" /> <img class="ev-star" src="/Script/image/evaluate/empty.png" /> <img class="ev-star" src="/Script/image/evaluate/empty.png" />

异步加载和js时间线

阅读更多关于异步加载和js时间线

同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止后续的解析，只有当当前加载完成，才能进行下一步操作。所以默认同步执行才是安全的。但这样如果js中有输出document内容、修改dom、重定向等行为，就会造成页面堵塞。所以一般建议把 < script > 标签放在< body>结尾处，这样尽可能减少页面阻塞。异步在加载的过程中产生一个子进程去加载当前程序，自己去执行下一个程序特点：单线程的异步就是多线程，只不过用异步的方式表现出来了异步加载的三种方式第一种方式： < script defer = "defer" > < / script > 第二种方式：（只能加载src中的脚本，不能把代写在script标签中） < script async = "async" src = "js/logo.js" > < / scipt > 注意：不要在这里写代码第三种方式：除了以上两种方法，还有一种兼容自己封装的异步加载方式，即动态添加script标签也能实现异步加载。 < script > //异步的过程 var script = document . createElement ( "script" ) ; script . src = "js/logo.js" ; document . head . appendChild ( script ) ; < / script >

JS的异步与加载时间线

阅读更多关于 JS的异步与加载时间线

一、JS同步和异步 1、同步模式：又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续文件的加载、渲染、代码执行（即如果加载到js文件要等到文件加载完成后执行，才能继续执行后面的代码）。所以默认同步执行才是安全的。但这样如果js中有输出document内容、修改dom、重定向等行为，就会造成页面堵塞。所以一般建议把 < script > 标签放在< body>结尾处，这样尽可能减少页面阻塞。 2、异步模式：按需加载，用到的时候再加载，不用到就不需要加载，例如回调函数。（异步在加载的过程中产生一个子进程去加载当前程序，自己去执行下一个程序）特点：单线程的异步就是多线程，只不过用异步的方式表现出来了 3、同步和异步的区别：JavaScript 为单线程，所以同步为单线程，异步为模拟多线程；同步和异步的区别在于在执行程序的顺序不同。 4、异步三种方式（1）defer在DOM文档解析完成之后才执行js文件，IE独有在IE低版本中 defer 可以让script请求的文件异步加载 <script defer> console. log ( "hello" ) ; </script> （2）async 针对其他浏览器，加载完就执行,只能加载外部脚本不能把js代码写在js文件里 <script src = "load.js" async> </script> ``

ajax多文件上传

阅读更多关于 ajax多文件上传

<script type="text/javascript" src="http://bp.yahooapis.com/2.4.21/browserplus-min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>  <script type="text/javascript" src="/plupload/js/plupload.full.js"></script> <script type="text/javascript"> // Custom example logic $(function() { var uploader = new plupload.Uploader({ runtimes : 'gears,html5

js异步加载和时间线的理解

阅读更多关于 js异步加载和时间线的理解

JS的异步加载方案有三种 1.defer 仅限IE 2.async html5中新增属性 3.按需加载：　　创建script标签　　为其设置src属性　　成为异步后再插入到dom中 defer 属性在 < ! DOCTYPE html > < html > < head > < script src = "test1.js" defer = "defer" > < / script > < script src = "test2.js" defer = "defer" > < / script > < / head > < body > < ! -- 这里放内容 -- > < / body > async 属性 < head > < script src = "test1.js" async > < / script > < script src = "test2.js" async > < / script > < / head > 动态创建DOM方式 //这些代码应被放置在标签前(接近HTML文件底部) < script type = "text/javascript" > function downloadJSAtOnload ( ) { varelement = document . createElement ( "script" ) ; element .

webpack的externals优化项目

阅读更多关于 webpack的externals优化项目

用 webpack 打包项目的时候，如果项目体量比较大，往往打出来的包 vender.js 会很大，导致首屏加载慢，这时候用 webpack 提供的 externals 属性，像 vue.js 、 vuex.js 、 vue-router.js 这些外部库，基本不会变的，如果将它们独立出来单独加载就能利于浏览器的缓存机制，不用每次都重新加载这些库js，并且大大的减少了打包的 vendor.js 文件优化的步骤有两步，以抽离项目中 vue 和 vue-router 为例。第一步：配置externals 这个配置最好在生产环境的时候配置，如果静态资源是 cdn 引入的话本地开发依赖网络。 //webpack.config.base.js const webpack = require("webpack"); const path = require("path"); const MODE = 'development' module.exports = { mode: MODE, entry: { index: path.resolve(__dirname, '../src/main.ts') }, ... externals: process.env.NODE_ENV === 'production' ? { "vue": "Vue", 'vue-router':

jQuery Ajax 相关知识一

阅读更多关于 jQuery Ajax 相关知识一

一、Ajax请求 1、jQuery.ajax([options]) 通过 HTTP 请求加载远程数据。 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。最简单的情况下，$.ajax()可以不带任何参数直接使用。注意，所有的选项都可以通过$.ajaxSetup()函数来全局设置。回调函数如果要处理$.ajax()得到的数据，则需要使用回调函数。beforeSend、error、dataFilter、success、complete。 beforeSend 在发送请求之前调用，并且传入一个XMLHttpRequest作为参数。 error 在请求出错时调用。传入XMLHttpRequest对象，描述错误类型的字符串以及一个异常对象（如果有的话） dataFilter 在请求成功之后调用。传入返回的数据以及"dataType"参数的值。并且必须返回新的数据（可能是处理过的）传递给success回调函数。 success 当请求之后调用。传入返回后的数据，以及包含成功代码的字符串。 complete 当请求完成之后调用这个函数，无论成功或失败。传入XMLHttpRequest对象

订阅脚本