以下是为您整理出来关于【浏览器的javascript】合集内容，如果觉得还不错，请帮忙转发推荐。
近期在使用bootstrap这个优秀的前端框架，这个框架非常强大，框架里面有下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等,bootstrap都已经预先定义好了，当我们制作网页上，只需直接调用里面的css即可bootstrap是一个响应式的布局，你可以在宽屏电脑、普通电脑，平板电脑，手机上都得到非常优秀的布局体验。这种响应式的布局正是通过CSS3的媒体查询（Media Query）功能...
若想通过js将内容复制到剪贴板，本来不难，可是若考虑到浏览器的兼容性问题，就变的有点麻烦，使用jquery-zclip复制是一个不错的选择，借助flash实现浏览器的兼容。原理就不细讲了，下面说下如何实现。比如我的html代码如下： 代码如下: 要复制的内容1 要复制的内容2 要复制的内容3 js文件总共需要两个，jquery就不用说了，再就是jquery-zclip.js和ZeroClipboard.swf，这两个文件可以在官方网站上下载，地址如下：http://www.s...
代码如下: function preview(oper) { if (oper < 10) { bdhtml = window.document.body.innerHTML;//获取当前页的html代码 sprnstr = "";//设置打印开始区域 eprnstr = "";//设置打印结束区域 prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//从结束代码向前取html window.document.body.innerHTML = prnhtml; window.print(); wi...
工作中遇到需要给输入框中选中的内容增加超链接 代码如下: 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 != undefine...
上周接到个需求，需求是这样的：用户扫一扫二维码会产生一个链接，该链接会向后端发送个请求，返回一个 apk 的下载地址，用户点击下载按钮可以下载此 apk。然后就发生了问题，经过测试，发现用微信扫一扫打开的页面点击下载按钮下载不了 apk，后百度之，原来是微信内置浏览器屏蔽了下载链接，后面和需求方沟通，需求改为如果用户是用微信内置浏览器打开的，则提示用户换一个浏览器打开页面，否则下载不了 apk。那么该如何判断用户是...
上次根据网上的教程给自己的网站弄了一个Web APP,但是给用户的感觉却十分糟糕。 问题说明： 怎么了？原来是打开WEB APP后在主页上随意打开连接，就会自作主张地打开Safari浏览器。原来好好的伪装和心情就全被破坏掉了。这该如何是好？原来解决方法十分简单。仅仅加入这些代码就好了。实验测试在本人的 iPhone (iOS 7.1)和iPod (iOS 6.1.4)上测试通过，根据原作者的叙述，最新的 iOS 7.0.4（iPhone 与 iPad）测试通过，代码应该兼容...
//加入收藏 function AddFavorite(){ if (document.all) { addToBookMark(window.location.href, document.title); } else if (window.sidebar) { addToBookMark(document.title, window.location.href); } } function addToBookMark(url,title){ var ua = navigator.userAgent.toLowerCase(); if(ua.indexOf("msie 8")>-1){ external.AddToFavoritesBar(url,title);//IE8 }else{ try { window.external.addFavorite(url, title)...
fixedBox*{margin:0px;padding:0px;} body{height:3000px;}$(function() { $(".fixedBox").each(function() { var self = $(this); var id = self.attr("id") || 'fixedBox_' + Math.round(Math.random() * 100000); self.attr("id", id); var fb = $("#" + id); var mt = Math.floor(fb.css("margin-top").substring(2, 0)) || 0; var cd = $(' '); fb.after(cd); fb.css({ 'z-index': 999 }).data({ 'top': fb.offset().top...
滑轮滚动页面的事件在网页特效中进场遇到，但是在不同浏览器下的实现方式又不同。下面我实现的方法，兼容常见浏览器。function getData(event){ var e = event || window.event; //获取滚动距离(FF每次滚动 data为3或者-3，其他为120或者-120) var data = e.detail || e.wheelDelta; alert(data); } //IE之外的绑定事件方法 if(document.addEventListener && !document.attachEvent) { document.addEventListener('mousewh...
//宿主为浏览器 //将相应的元素对象的引用传到函数中 function candrag(drager) { drager.onmousedown = function (down) { var offx = drager.offsetLeft var offy = drager.offsetTop; var offxl = down.clientX - offx; var offyl = down.clientY - offy; window.condition = 0;//为window添加了condition属性，用于解决和click之间的矛盾 document.onmousemove = function (move) { drager.style.left = move.clientX - o...