【兼容ie ff div 层 打开+关闭+ 拖动+遮罩+移动+动画改变高宽】教程文章相关的互联网学习教程文章

js实现iframe框架取值的方法(兼容IE,firefox,chrome等)

本文实例讲述了js实现iframe框架取值的方法。分享给大家供大家参考,具体如下: 为啥世上会有这么多不同的浏览器?每次遇到js/css的浏览器兼容性问题,总是要发出这样的感叹,真希望这些个浏览器公司全部倒下,然后只留下一家(显然这是一个不可能实现的美好愿望),言归正传,看代码吧: iframe框架内页: <html> <head><title>框架内页</title> </head> <body><div><input id="txt1" name="txt1" type="text" value="测试" /></div>...

js窗口关闭提示信息(兼容IE和firefox)【图】

很多时候,在浏览网页时,我们需要考虑用户不小心时关闭窗口的情况,特别是当用户有很重要的数据还没有保存,我们的程序有必要对用户进行提醒。这个时候我们可以通过是用javascript window.onbeforeunload() 这个方法来阻止用户关闭窗口,见如下这个例子:<script type="text/javascript">window.onbeforeunload=function(event){return hello;} </script> 这样当用户按了关闭按钮时,便会弹出如下这个窗口(这个是兼容IE和firefox...

text-align:justify实现文本两端对齐 兼容IE【图】

对于text-align 我们再熟悉不过了,可是它有个justify属性,平时很少用到,就鲜为人知了。justify是一种文本靠两边布局方式,一般应用于书刊杂志排版;合理运用text-align:justify 有时会省去很多开发的时间。 要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清楚的概念。大多 IE 下的显示错误,就是源于 haslayout。 什么是 haslayout ? haslayout 是Windows Internet Explorer渲染引擎的一个...

js实现兼容IE和FF的上下层的移动

这里给大家分享的是项目中的一个小需求,本来很简单,可是整了好久才把FF的兼容性搞定。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>仿265上下层的移动(上移,下移)支持IE、FF</title> <style type="text/css"> /*<![CDATA[*/ ul{ width:400px } li{ border:1px solid gray; list-st...

js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器

本文实例讲述了js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器。分享给大家供大家参考。具体实现方法如下: /** 音乐播放器 * @param obj 播放器id * @param file 音频文件 mp3: ogg: * @param loop 是否循环 */ function audioplayer(id, file, loop){ var audioplayer = document.getElementById(id); if(audioplayer!=null){ document.body.removeChild(audioplayer); } if(typeof(file)!=undefined){ if(navi...

完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码

今天给大家分享一段设为首页、收藏本站及保存到桌面的js代码,非常实用。代码如下: <script type="text/javascript"> //设为首页 function SetHome(obj,url){ try{ obj.style.behavior=url(#default#homepage); obj.setHomePage(url); }catch(e){ if(window.netscape){ try{ netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); ...

上传图片js判断图片尺寸和格式兼容IE

js代码: $(".head").change(function() { var val = $(this).val(); if(!val.match( /.jpg|.gif|.png|.bmp/i ) ){ imgtype = false; alert(图片格式无效!); }else{ if (FileReader) { var reader = new FileReader(), file = this.files[0]; reader.onload = function(e) { var image = new Image(); image.src = e.target.result; image.onload=function(){ if(image.width > 128 || image.height > 128){ fill = false; alert...

兼容IE、firefox以及chrome的js获取时间(getFullYear)

一般情况下,我们获取年份的时候都是通过下面的代码: var now = new Date(); var initYear = now.getYear(); 以上代码在IE中initYear是对的,但是ff以及chrome下不兼容,换成 var initYear = now.getFullYear();IE、FireFox、Chrome下均可行 JS中getYear()和getFullYear()区别: js中得到当前年份做法是var dayObj=new Date(); dayObj.getYear()来得到年份,我前面写过这样会出现浏览器的兼容性的问题,就是在IE中能得到我们想要...

原生js编写设为首页兼容ie、火狐和谷歌

原生 js 编写,兼容 ie,火狐和谷歌。 完整代码: <script type="text/javascript"> //设为首页 www.gxlcms.com function SetHome(obj,url){try{obj.style.behavior=url(#default#homepage);obj.setHomePage(url);}catch(e){if(window.netscape){try{netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");}catch(e){alert("抱歉,此操作被浏览器拒绝!\n\n请在浏览器地址栏输入“about:config”并回车然后将...

js加入收藏夹代码(兼容ie/ff/op)

代码如下:var www_jb51_net = function (obj, url, title) { var e = window.event || arguments.callee.caller.arguments[0]; var B = { IE : /MSIE/.test(window.navigator.userAgent) && !window.opera , FF : /Firefox/.test(window.navigator.userAgent) , OP : !!window.opera }; obj.onmousedown = null; if (B.IE) { obj.attachEvent("onmouseup", function () { t...

js 获取页面高度和宽度兼容 ie firefox chrome等

代码如下:<script> //得到页面高度 var yScroll = (document.documentElement.scrollHeight >document.documentElement.clientHeight) ? document.documentElement.scrollHeight : document.documentElement.clientHeight; alert(yScroll) //得到页面宽度 var xScroll=(document.documentElement.scrollWidth>document.documentElement.clientWidth) ? document.documentElement.scrollWidth : document.documentElement.scrollWid...

JavaScript加入收藏夹功能(兼容IE、firefox、chrome)

实现代码: 代码如下:<script>function addFav(){ if(document.all){ window.external.addFavorite(http://jb51.net,FREE Web Directory); }else if(window.sidebar){ window.sidebar.addPanel(FREE Web Directory, http://jb51.net,); }}</script><a href="http://jb51.net" title="FREE Web Directory" rel="sidebar" onclick="addFav();">加入收藏</a></div> javascript 加入收藏夹,需要注意一个细节的地方,如果...

js操作输入框中选择内容兼容IE及其他主流浏览器

工作中遇到需要给输入框中选中的内容增加超链接 代码如下:function addHref(des){ var selectedText=""; if(window.getSelection&&des != undefined){//兼容非IE浏览器,由于非IE浏览器需要给定操作的元素ID才可以获取输入元素中选中的内容,因此需要输入ID var textField=document.getElementById(des); var selectionStart=textField.selectionStart; var selectionEnd=textField.selectionEnd; if(selectionStart != undefined...

键盘上一张下一张兼容IE/google/firefox等浏览器

代码如下:< script language = "javascript" > document.onkeydown = chang_page; function chang_page(event) { var event = event ? event : (window.event ? window.event : null); var key = event.keyCode || event.which; if (key == 37 || key == 33) location = ; if (key == 39 || key == 34) location = ; } < / script > 兼容IE,google,firefox的键盘上一张下一张

js获取select标签的值且兼容IE与firefox

jsp代码: 代码如下:<form id="search"> <select id="jobSelect" style="width: 200px;" name="jobSelect"> <s:if test='jobSelect == null || jobSelect == ""'> <option selected="selected" value="-1">--依职类筛选--</option> </s:if> <s:else> <option value="-1">--依职类筛选--</option> </s:else> <s:iterator value="jobCat" status="s"> <s:if test="jobSelect == catKey"> <option value="<s:property v...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部