js代码 | 易学教程

Js同步异步机制

阅读更多关于 Js同步异步机制

JavaScript引擎是单线程的，强制所有的异步事件排队等待执行 setTimeout 和 setInterval 在执行异步代码的时候有着根本的不同如果一个计时器被阻塞而不能立即执行，它将延迟执行直到下一次可能执行的时间点才被执行（比期望的时间间隔要长些）如果 setInterval 回调函数的执行时间将足够长（比指定的时间间隔长），它们将连续执行并且彼此之间没有时间间隔 animate因为内部利用的实际是 setInterval $(function(){ for(var i=0;i<10;i++){ $("div").animate({left:'100px',top:'0px'},1000,'swing'，function（{ $("div").animate({left:'100px',top:'0px'},1000,'swing'）; console.log(2) }）); console.log(1) } }) 会先打印10次 1 然后执行animate内容一次，打印10次2，最后执行剩下的9次animate 若有嵌套层级关系，则根据依次排队顺序读取运行来源： https://www.cnblogs.com/lwboke/p/6938008.html

教你如何在博客园放“可运行\"代码

阅读更多关于教你如何在博客园放“可运行\"代码

原文地址： http://www.cnblogs.com/littledu/archive/2011/05/08/2040298.html 教你如何在博客园放“可运行"代码自从看到别人的博客可以放上面那种可运行的代码后，我一直在研究这种效果是怎么弄出来的，我知道蓝色理想上面可以在编辑器里直接将代码放进一个可运行的代码框，发布后就是可运行的了。但博客园的默认的三个编辑器里，死活找不到那可运行的按钮。直到昨天，在群里某高手提示说可以自己写一个，然后他给我说了思路，并提供了一个demo，就是在页面嵌入一个textarea，然后单击运行代码时，将textarea里的所有内容在新open的页面里执行，就行了。我在本地测试，实践结果是可行的，但一放上博客园这里，<script>总给过滤掉了，实在是郁闷得很。无奈，昨天又以失败告终。今天，就在刚刚，我又在某群发问了，另一高手回答了我的问题，我才知道，怎样才能让script不被过滤。下面，是步骤： 1.首先，准备一个textarea，这个文本框里放上我们所要执行的代码，可以是任意代码，比如一个标准的html页，也可以像我下面一样，直接放上一段js代码，如下： 1 <textarea cols= "20" rows= "8" id= "con" > 1 <script type= "text/javascript" > 2 alert(

原生js给元素添加类

阅读更多关于原生js给元素添加类

　　这个问题可以使用 setAttribute() 或者 className 属性给元素添加类名，使用方法为 ele.setAttribute("class",newClass) 或者 ele.className = newClass ，但这样相当于重写了元素的className属性，会使元素原本已有的class被覆盖，这个效果其实是替换class而非添加。　　要做到添加该如何实现呢，思路是先获取当前的 className ,然后设置className为当前取得值+“ ”+newClass（添加的前提是判断要加入的类是否已存在）代码实现如下： 1 function hasClass(cla, element) { 2 if(element.className.trim().length === 0) return false; 3 var allClass = element.className.trim().split(" "); 4 return allClass.indexOf(cla) > -1; 5 } 6 7 function addClass(cla,element){ 8 if(!hasClass(cla,element)){ 9 if(element.setAttribute){ 10 element.setAttribute("class",element

js替代frame

阅读更多关于 js替代frame

我们都应该知道蜘蛛不喜欢iframe或frame，因为蜘蛛访问垃圾桶网站时捕获的HTML是调用其他网页HTML文件的代码，并且不包含任何文本内容，也就是说，蜘蛛不知道你网页的内容是什么。有些人可能会说搜索引擎蜘蛛也可以跟踪和抓取他们调用的HTML文件。是的，它可以跟踪爬网，但跟踪这部分内容通常不是一个完整的页面。搜索引擎无法判断主框架的哪个部分是被调用的文件。随着搜索技术的发展，它可能并不总是能够解决这个问题，但这么多的蜘蛛不会因为你而努力工作。所以，当你不得不使用iframe框架时，垃圾桶建议你继续阅读。从使用iframe调用expres s 100进行express查询，到推出互推联盟的iframe调用代码，垃圾桶对iframe有了深入的了解。记住，当互助推送联盟推出自适应iframe代码时，垃圾箱发表了以下评论：后来，偶然的测试让我想到用JS封装iframe来避免搜索引擎的捕获。当时，我正在测试用JS封装CSS代码，只想加密我自己的工作结果。不，我突然想到既然JS可以输出CSS，JS也应该输出iframe！实际测试表明我的想法是可行的！通过JS输出iframe代码，可以很好的实现直接调用iframe代码的效果！来源： https://www.cnblogs.com/blogst/p/12326791.html

MUI 图片上传实现

阅读更多关于 MUI 图片上传实现

HTML代码 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>信息修改</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link href="css/mui.min.css" rel="stylesheet" /> <link rel="stylesheet" href="css/mui.picker.min.css" /> <link rel="stylesheet" href="css/common.css" /> <link rel="stylesheet" href="css/personInfor.css" /> </head> <body> <header class="mui-bar mui-bar-nav"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <h1 class="mui-title">信息修改</h1> <a class="mui-icon mui-icon-more mui

从零开始的JS生活（一）——JS简介、变量及基本结构

阅读更多关于从零开始的JS生活（一）——JS简介、变量及基本结构

本K在经过三个静态站制作的狂风暴雨之后，终于开始了JavaScript的学习。作为一只从来没有正儿八经接受过计算机语言的小白，居然能够跟上浩哥的课程进度，我的内心都被我的才智震惊到了，果然本K是天生丽质难自弃，天生我材必有用哇，哦呵呵~ 咳咳，废话不多说，咱们来开始我们的JS小课堂，希望能够帮助到跟我一样的第一次接受计算机语言的同志们。一、什么是JS。 JavaScript，简称JS，它是一种基于浏览器的、基于对象的、用于事件驱动的脚本语言。简单来说，JS就是用来实现html页面上的一些动态效果的语言。它的作用有很多，它可以进行表单的验证，可以添加页面的动态效果，可以动态更改页面的内容，也可以通过Ajax来实现页面的局部更新。二、JS的组成部分。 JS主要有三大部分组成。 1、ECMAScript语法标准，简称ES标准，它规范了JS中的语法、变量和数据类型、运算符、逻辑控制语句等重要内容。 2、BOM，浏览器对象模型，包括history（历史）、document（文档）、location（地址）等浏览器相关的重要信息。 3、DOM，文档对象模型，它的重要内容可以概括为“节点”，节点可以是html中的任意一个标签，像是head，body就是html文档中的两个节点，两者以下的所有分支都可以形成非常具有层次性的节点层。三、JS的基本结构与使用方式 1、基本结构

iframe中子父窗口互调的js方法

阅读更多关于 iframe中子父窗口互调的js方法

转载自：http://www.cnblogs.com/chinafine/archive/2011/09/15/2177746.html 一、父窗口调用iframe子窗口方法 1、HTML语法：<iframe name="myFrame" src="child.html"></iframe> 2、父窗口调用子窗口：myFrame.window.functionName(); 3、子窗品调用父窗口：parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4、父窗口页面源码：复制代码代码如下: <html> <head> <script type="text/javascript"> function say() { alert("parent.html------>I'm at parent.html"); } function callChild() { //document.frames("myFrame").f1(); myFrame.window.say(); } </script> </head> <body> <input type=button value="调用child.html中的函数say()" onclick="callChild()"> <iframe name="myFrame" src=

iframe中子父窗口互调的js方法

阅读更多关于 iframe中子父窗口互调的js方法

iframe 父窗口和子窗口相互的调用方法集锦，需要的朋友可以参考下。一、父窗口调用iframe子窗口方法 1、HTML语法：<iframe name="myFrame" src="child.html"></iframe> 2、父窗口调用子窗口：myFrame.window.functionName(); 3、子窗品调用父窗口：parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4、父窗口页面源码：复制代码代码如下: <html> <head> <script type="text/javascript"> function say() { alert("parent.html------>I'm at parent.html"); } function callChild() { //document.frames("myFrame").f1(); myFrame.window.say(); } </script> </head> <body> <input type=button value="调用child.html中的函数say()" onclick="callChild()"> <iframe name="myFrame" src="child.html"></iframe> </body> <

iframe中子父窗口互调的js方法

阅读更多关于 iframe中子父窗口互调的js方法

一、父窗口调用iframe子窗口方法 1、HTML语法：<iframe name="myFrame" src="child.html"></iframe> 2、父窗口调用子窗口：myFrame.window.functionName(); 3、子窗品调用父窗口：parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4、父窗口页面源码：复制代码代码如下: <html> <head> <script type="text/javascript"> function say() { alert("parent.html------>I'm at parent.html"); } function callChild() { //document.frames("myFrame").f1(); myFrame.window.say(); } </script> </head> <body> <input type=button value="调用child.html中的函数say()" onclick="callChild()"> <iframe name="myFrame" src="child.html"></iframe> </body> </html> 5、子窗口页面：复制代码代码如下: <html> <head>

js修改title

阅读更多关于 js修改title

title在html中属于特殊的节点元素.因为它可以使用doucment.getElementsByTagName("title")[0]来获取它的标题, 但却无法用doucment.getElementsByTagName("title")[0]用更改它的值. 但是,总有解决的方法. 在javascript中,修改title的方法是： document.title = 'xxxxxx'; 在<body></body>之间的节点元素用document.getElementsByTagName()来获取或修改. documentElement代表的是<html></html>中间的所有东西. js会使用document.title来代替网页的title的原因是，title,head,body等标签是缺省的唯一标签，所以 document.title和document.body可以直接找到结果．而title是一个结构的标签，也就是说title内，只能加入nodetext．而不能再加别的元素．于是它的使用又具有特殊性．为了不让代码出错．于是js中规定document.title这个对象只有一个属性（也可以说是没有属性）, document.title本身就是document对象的一个属性．而不是它的一个子对象．于用document.title=""来更改title. >>

订阅 js代码