js | 易学教程

Js/Jquery获取iframe中的元素

阅读更多关于 Js/Jquery获取iframe中的元素

在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。 JavaScript 在父窗口中获取iframe中的元素格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例：window.frames["ifm"].document.getElementById("btnOk").click(); 格式： var obj=document.getElementById("iframe的name").contentWindow; var ifmObj=obj.document.getElementById("iframe中控件的ID"); ifmObj.click(); 实例： var obj=document.getElementById("ifm").contentWindow; var ifmObj=obj.document.getElementById("btnOk"); ifmObj.click(); 在iframe中获取父窗口的元素格式：window.parent.document.getElementById("父窗口的元素ID").click(); 实例：window.parent

Js/Jquery获取iframe中的元素

阅读更多关于 Js/Jquery获取iframe中的元素

Js/Jquery获取iframe中的元素 js获取iframe中的元素 1.在父窗口中获取iframe中的元素方法1：格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例：window.frames["ifm"].document.getElementById("btnOk").click(); 方法2：格式： var obj=document.getElementById("iframe的name").contentWindow; var ifmObj=obj.document.getElementById("iframe中控件的ID"); ifmObj.click(); 实例： var obj=document.getElementById("ifm").contentWindow; var ifmObj=obj.document.getElementById("btnOk"); ifmObj.click(); 2.在iframe中获取父窗口的元素格式：window.parent.document.getElementById("父窗口的元素ID").click(); 实例：window.parent.document.getElementById(

jQuery easing动画效果扩展

阅读更多关于 jQuery easing动画效果扩展

引入Easing js文件 <script src="js/jquery.min.js"></script> <script src="js/jquery.easing.min.js"></script> 使用jQuery Easing $(element).slideUp({ 　　duration: 1000, 　　easing: method, 　　complete: callback }); 参数duration：定义动画速度，时间越短，运动速度越快。参数easing：指定动画效果，Easing js提供多种动画效果，有匀速运动、变加速运动、缓冲波动效果，它们是：linear，swing，jswing，easeInQuad，easeOutQuad，easeInOutQuad，easeInCubic， easeOutCubic，easeInOutCubic，easeInQuart，easeOutQuart，easeInOutQuart， easeInQuint，easeOutQuint，easeInOutQuint，easeInSine，easeOutSine， easeInOutSine，easeInExpo，easeOutExpo，easeInOutExpo，easeInCirc， easeOutCirc，easeInOutCirc，easeInElastic

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. >>

require.js

阅读更多关于 require.js

1. require.js作用（1）实现js文件的异步加载，防止js加载阻塞页面渲染；（2）管理模块之间的依赖性，便于代码的编写和维护。使用程序调用的方式加载js，防止出现大量使用<script src="*.js"></script>加载js文件。 2. 基本API require会定义三个变量：define，require，requirejs，其中 require === requirejs，一般使用require更简短。（1）define，此api定义一个模块。（2）require，加载依赖模块，并执行加载完后的回调函数。 3. data-main 假定我们自己的代码文件是main.js，和下载的require.js文件放在js目录下面。 <script src="js/require.js" data-main="js/main"></script> data-main属性的作用是，指定网页程序的主模块。在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把main.js简写成main。 4. 主模块 main.js 的编写我把它称为"主模块"，意思是整个网页的入口代码。它有点像C语言的main()函数，所有代码都从这儿开始运行。常见的情况是，主模块依赖于其他模块

js 内建函数reduce

阅读更多关于 js 内建函数reduce

今天发现js的一个内建函数reduce，还是挺有意思的，写一下我认为比较有意思的部分 1. reduce经常用于数组的叠加, 他会接受两个参数，第一个是回调函数callback()，第二个是起始值（非必须） 1》不传第二个参数 var items=[1,4,5,7,89]; items.reduce((a,b)=>a+b) // 106 2》传第二个参数的时候 var items=[1,4,5,7,89]; items.reduce((a,b)=>a+b,100) //206 (纯数字的情况下也可是做任何可用于数字的操作加减乘除各种) 2.如果数组含有字符串的话，也可以进行字符串的拼接，这个时候注意回调函数字符串拼接的时候是 "+" var items=['1','4','4','ee','dsd']; items.reduce(function(a,b){return a+b}) //"144eedsd" 来源： https://www.cnblogs.com/mumu-web/p/7372605.html

js根据时间戳倒计时

阅读更多关于 js根据时间戳倒计时

今天有个需求，要在页面上做当前时间距离下个月1号的倒计时。在网上找了很多案例也试了很多，大部分都是获取本地当前时间，然后设置结束时间进行计算，然后倒计时。但是有几个问题：　　1.如果本地时间和服务器时间是一样的那么就不会出现什么问题，　　2.由于无法保证所有用户的本地时间都与服务器时间相同，而使用 new Date() 获取的本地时间，那么如果用户修改本地时间，就会对倒计时进行影响，从而出现问题　解决办法：　　从后台获取开始时间和结束时间的时间戳来进行倒计时，这样的话就不用去管本地的时间是否与服务器系统时间相同具体代码如下：　<time id="timer">26天6小时</time> 　　第一种使用setInterval来进行倒计时 <script> var startTime=1508428800;//开始时间 var endTime=1508428860; //结束时间 setInterval(function(){ var ts =endTime-startTime;//计算剩余的毫秒数 console.log(ts); var dd = parseInt(ts / 60 / 60 / 24, 10);//计算剩余的天数 var hh = parseInt(ts / 60 / 60 % 24, 10);//计算剩余的小时数 var mm =

动态刷新时间 JS备用

阅读更多关于动态刷新时间 JS备用

1.首先是先将时间取出来并保存起来 var now = new Date();//新建一个时间对象 var hours = now.getHours();//取出当前小时数,保存于变量中 var minutes = now.getMinutes();//取出当前分钟数,保存地变量中 var seconds = now.getSeconds();//取出当前秒数 (1.1 显示统一格式,用两位数字统一显示时间格式,如:09:20:00 ,只要分别判断数值是否小于9,小于9就在前面加0,) if (hours<=9) hours = "0"+hours; if (minutes<=9) minutes = "0"+minutes; if (seconds<=9) seconds = "0"+seconds; 2.之后要解决的问题就在网页上显示出来,可以使用form,利用input 的值进行显示,这里我使用另一种方法,在一个带ID的标签作为该内容显示出来 2.1首先在HTML 里建一个标签,这里使用标签<span>,并且定义ID=TIME, 代码如下: < html > < head ></ head > < body > < span id =time ></ span > < body > </ html > 2.2 接着要解决就是把时间显示到该标签的内容中 var showtime

js时间倒计时

阅读更多关于 js时间倒计时

看了网上的其他的例子，觉得写的都有点复杂，不好理解，于是自己动手写了个。本来想封装成jquery插件，但是觉得因为功能很简单，没有必要做成jquery插件，引用的时候不需要引入jqery库，这里直接用的原生js的方法。 TimeDown.js /* 时间倒计时插件 TimeDown.js */ function TimeDown(id, endDateStr) { //结束时间 var endDate = new Date(endDateStr); //当前时间 var nowDate = new Date(); //相差的总秒数 var totalSeconds = parseInt((endDate - nowDate) / 1000); //天数 var days = Math.floor(totalSeconds / (60 * 60 * 24)); //取模（余数） var modulo = totalSeconds % (60 * 60 * 24); //小时数 var hours = Math.floor(modulo / (60 * 60)); modulo = modulo % (60 * 60); //分钟 var minutes = Math.floor(modulo / 60); //秒 var seconds = modulo % 60; //输出到页面

js求时间差

阅读更多关于 js求时间差

var date1=new Date(); //开始时间 alert("aa"); var date2=new Date(); //结束时间 var date3=date2.getTime()-date1.getTime() //时间差的毫秒数 //计算出相差天数 var days=Math.floor(date3/(24*3600*1000)) //计算出小时数 var leave1=date3%(24*3600*1000) //计算天数后剩余的毫秒数 var hours=Math.floor(leave1/(3600*1000)) //计算相差分钟数 var leave2=leave1%(3600*1000) //计算小时数后剩余的毫秒数 var minutes=Math.floor(leave2/(60*1000)) //计算相差秒数 var leave3=leave2%(60*1000) //计算分钟数后剩余的毫秒数 var seconds=Math.round(leave3/1000) alert(" 相差 "+days+"天 "+hours+"小时 "+minutes+" 分钟"+seconds+" 秒") 来源： https://www.cnblogs.com/dekevin/p/5895040.html

订阅 js