Welcome 微信登录

首页 / 脚本样式 / JavaScript

js获得页面的高度和宽度的方法

js获得页面的高度和宽度的方法

2017年02月06日 13 阅读
今天在做一个弹出dialog时，遇用到了取父页面的宽度和高度的方法。 尝试了几种方式，比如document.body.clientWidth，window.screen.width，document.body.scrollWidth等方法之后，发现都不是我想要的结果，后来发现了一个高效的方法，立刻大家分享之： 在需要取高度和宽度的地方加断点调试【debugger】，然后在监控页面里面输入document.body，查看所有body的属性看看哪个结果是自己需...
jQuery获得IE版本不准确webbrowser的解决方法

jQuery获得IE版本不准确webbrowser的解决方法

2017年02月06日 13 阅读
用$.browser.version经常出现一些不准确的状况，最近碰到，做了一些总结，不知道是否全面。 用javasript的navigator.userAgent.indexOf（"MSIE 8.0"）取法结果是一样的。 1、用webbrowser加载htm、html页面，此时加载后获取IE的版本就是不准确的，比如我的机器是IE9，但是通过webbrowser加载之后，$.browser.version方法取得的版本便是变成了7.0，用“<meta...
JavaScript 实现鼠标拖动元素实例代码

JavaScript 实现鼠标拖动元素实例代码

2017年02月06日 15 阅读
一、前言最开始实现鼠标拖动元素的目的就是在一个页面上拖动很多小圆点，用于固定定位，然后在复制HTML，粘贴在页面的开发代码中，就是这么一个功能，实现了很多遍，都没有做好，不得已采用了jQuery.fn.draggable插件，在接触一些资料和别人的思路，今天终于把这个拖动功能给完善了，下面就来看看它的实现二、设计思路在拖动元素上绑定鼠标按下事件，在文档对象中绑定鼠标移动，鼠标弹起事件；为什么不把三个事件都绑定在拖动元素上，这是因为鼠标移动太快时，鼠标移动和...
JS取request值以及自动执行使用示例

JS取request值以及自动执行使用示例

2017年02月06日 13 阅读
在网页中JS函数自动执行常用三种方法 在HTML中的Head区域中，有如下函数： 复制代码 代码如下: <SCRIPT LANGUAGE="JavaScript"> functionn MyAutoRun（） { //以下是您的函数的代码，请自行修改先！ alert（"函数自动执行哦！"）; } </SCRIPT> 下面，我们就针对上面的函数，让其在网页载入的时候自动运行！ ①第一种方法 将如上代码改为： 复制代码 代码如下:...
js设置function参数默认值（适合没有传参情况）

js设置function参数默认值（适合没有传参情况）

2017年02月06日 13 阅读
今天写一个div+css模拟js信息框的类库时遇到一个问题，我希望当我没有传递参数过去时自动使用“提示信息”作为窗口标题。我试着这样写 复制代码 代码如下: function MessageBox（title=""）{ } 毫无疑问我运行失败了（要不然我也不会发这博文了） 最后经过一番百度，发现了这么个好东西 复制代码 代码如下: function test（a）{ var b=arguments[0]？arguments[0]:50; return a...
动态加载js、css等文件跨iframe实现

动态加载js、css等文件跨iframe实现

2017年02月06日 13 阅读
1、动态加载js，css文件（用原生js和jquery） iframe结构： frame0（父） frame2（子） frame3（子） frame2中触发事件，动态的向frame3中 加载js、css文件和 dom元素？ *同级之间可以调用，可以 通过 子-父-子 的方式调用同级 parent.parentFram（“这个方法在调用其他子farme”）; 1.jquery的append（） 复制代码 代码如下: 速度快，同步（需要引入jquery） va...
JSONP获取Twitter和Facebook文章数的具体步骤

JSONP获取Twitter和Facebook文章数的具体步骤

2017年02月06日 13 阅读
原文是使用的Twitter和Facebook,因为国内被强,所以我觉得有用的是里面一个获取JSONP的那个工具类. 我很头疼的是,许多流行的 APIs 已经要求身份验证才能获取信息。 既然我可以访问到这些页面并取得信息,那为什么我不使用一些简单的代码来获取并跳过验证这一步呢？ 我认为Twitter和Facebook要求身份验证来获取文章的数量,但事实证明你可以通过JSONP来获取这些信息。请参考下面的步骤。 The JavaScript 我将使用基本的Ja...
javascript中的原型链深入理解

javascript中的原型链深入理解

2017年02月06日 14 阅读
要弄清楚原型链就要先弄清楚 function 类型，在javascript中没有类的概念，都是函数，所以它是一门函数式的编程语言。类有一个很重要的特性，就是它可以根据它的构造函数来创建以它为模板的对象。在javascript中，函数就有2个功能 第一、 作为一般函数调用 第二、 作为它原型对象的构造函数 也就new（） 我们来看一个例子 复制代码 代码如下: function a（）{ this.name = "a"; } 当创建一个函数，它会发生什么呢...
巧用局部变量提升javascript性能

巧用局部变量提升javascript性能

2017年02月06日 14 阅读
javascript中一个标识符所在的位置越深，它的读写速度也越慢。因此，函数中读写局部变量总是最快的，而读写全局变量通常是最慢的。一个好的经验法则是：如果某个跨作用域的值在函数中被引用一次以上，那么就把它存储到局部变量里。 例如： 复制代码 代码如下: <！-- 优化前 --> <script type="text/javascript"> function initUI （） { var bd = document.body, ...
脚本合并提升javascript性能示例

脚本合并提升javascript性能示例

2017年02月06日 13 阅读
每个<script>标签初始下载时都会阻塞页面渲染，所以减少页面包含的<script>标签数量有助于改善这一情况。这不仅仅针对外链脚本，内嵌脚本的数量同样也要限制。浏览器在解析HTML页面的过程中每遇到一个<script>标签，都会因执行脚本而导致一定的延时，因此最小化延迟时间将会明显改善页面的总体性能。 通常一个大型网站或网络应用需要依赖数个javascript文件。你可以把多个文件合并成一个，这样只需引用一个<...
js判断为空Null与字符串为空简写方法

js判断为空Null与字符串为空简写方法

2017年02月06日 13 阅读
最近突然发现自己写的JavaScript代码比较臃肿，所以开始研究JavaScript的简写方法。这样一来，可以让我们的JavaScript代码看起来比较清爽，同时也可以提高我们的技术。那么判断为空怎么简写呢？ 下面就是有关判断为空的简写方法。 代码如下 复制代码 代码如下: if （variable1 ！== null || variable1 ！== undefined || variable1 ！== ""） { var variable2 = va...
Javascript高级技巧分享

Javascript高级技巧分享

2017年02月06日 16 阅读
上次整理了Ajax部分，这周看完了高级技巧部分，也整理下吧。1、类型检测 使用Object.prototype.toString.call（obj）的方式。因为无论typeof还是instanceof都无法做到精确判断变量类型。2、安全的构造函数通常我们定义构造函数的时候，会使用类似复制代码 代码如下:function Person（name）{ this.name = name;}然而之后如果不是去 var person = new Person（"c...
<< 811 812 813 814 815 816 817 818 819 820 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图