Fork me on GitHub
Hero

技术那么垃圾,还不滚去撸码


  • 首页

  • 技术

  • 后花园

  • 我的书单

  • 关于

  • 搜索

页面跳转常用方法

发表于 2016-07-20 | 分类于 ittech

Browser 客户端跳转(3 种)

1
2
3
<meta http-equiv="refresh" content="停顿秒数;URL=跳转网址" />
<script language=”javascript”>location.replace("跳转网址");</script>
<script language=”javascript”>location.href="跳转网址";</script>
阅读全文 »

谈谈闭包

发表于 2016-07-18 | 分类于 ittech

什么是闭包,如何理解

闭包是指有权访问另一个函数作用域中变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域,将函数内部的变量和方法传递到外部。

阅读全文 »

《JavaScript DOM编程艺术》【二】

发表于 2016-07-08 | 分类于 books

图片库改进:

如果想用Javascript给某个网页添加一些行为,就不应该让Javascript代码对这个网页的结构有任何依赖,凸显了采取预防性措施的必要性。
结构化程序设计原则之一:函数应该只有一个入口和一个出口。但集中将出口集中在函数的开头是可以接受的。

Javascript与HTML标记分离:element.event = function(){…},这里的event不限onclick、onkeypress。

阅读全文 »

js获取访问者ip信息脚本

发表于 2016-07-05 | 分类于 ittech

以下是新浪脚本代码

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript"src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>
<script type="text/javascript">
//<![CDATA[
alert([
remote_ip_info.country,
remote_ip_info.province,
remote_ip_info.city,
remote_ip_info.isp,
remote_ip_info.start,
remote_ip_info.end
].join(''));
//]]>
</script>

知乎讨论:
怎样用 JavaScript 程序获取客户的 IP 地址?

JavaScript中clientX,screenX,pageX,offsetX的异同

发表于 2016-06-28 | 分类于 ittech

pageX/pageY:

鼠标相对于整个页面的X/Y坐标。整个页面的意思指整个网页的全部,比如说网页很宽很长,宽2000px,高3000px,那pageX,pageY的最大值就是它们了。

特别说明:IE不支持!

阅读全文 »

《JavaScript DOM编程艺术》【一】

发表于 2016-06-25 | 分类于 books

先看个小例子:

创建insertAfter方法

DOM常用的5个方法:

  • getElementById

  • getElementsByTagName

  • gettElemensByClassName

  • getAttribute

  • setAttribute

阅读全文 »

预定义常量和数组

发表于 2016-06-22 | 分类于 ittech

PHP预定义常量

1
2
3
4
5
echo __FILE__; //返回当前常量名 一定要大写
echo '<hr>';
echo __LINE__;//返回当前行号
__LINE__ :文件中的当前行号。
__FUNCTION__ : 函数名称,自 PHP 5 起本常量返回该函数被定义时的名字(区分大小写)。
阅读全文 »

document.body.scrollTop与document.documentElement.scrollTop的兼容

发表于 2016-06-20 | 分类于 ittech

这两天在写一个JS滚动监听,在[display]的时候发现了这个问题:chrome居然不认识document.documentElement.scrollTop!

看前辈们的文章,纷纷表示如果有文档声明(即网页第一句的docType)的情况下,标准浏览器是只认识documentElement.scrollTop的,但chrome虽然我感觉比firefox还标准,但却不认识这个,在有文档声明时,chrome也只认识document.body.scrollTop.

由于在不同情况下,document.body.scrollTop与document.documentElement.scrollTop都有可能取不到值,那到底网页的scrollTop值怎么得到呢?

阅读全文 »

获取网页宽高

发表于 2016-06-12 | 分类于 ittech

Javascript:

  • 网页可见区域宽: document.body.clientWidth
  • 网页可见区域高: document.body.clientHeight
  • 网页可见区域宽: document.body.offsetWidth (包括边线的宽)
  • 网页可见区域高: document.body.offsetHeight (包括边线的高)
  • 网页正文全文宽: document.body.scrollWidth
  • 网页正文全文高: document.body.scrollHeight
  • 网页被卷去的高: document.body.scrollTop
  • 网页被卷去的左: document.body.scrollLeft
  • 网页正文部分上: window.screenTop
  • 网页正文部分左: window.screenLeft
  • 屏幕分辨率的高: window.screen.height
  • 屏幕分辨率的宽: window.screen.width
  • 屏幕可用工作区高度: window.screen.availHeight
  • 屏幕可用工作区宽度: window.screen.availWidth

JQuery:

$(document).ready(function(){
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
})

用jQuery监听浏览器窗口的变化

$(window).resize(function () { //当浏览器大小变化时
alert($(window).height()); //浏览器时下窗口可视区域高度
alert($(document).height()); //浏览器时下窗口文档的高度
alert($(document.body).height()); //浏览器时下窗口文档body的高度
alert($(document.body).outerHeight(true)); //浏览器时下窗口文档body的总高度 包括border padding margin
});

《稀缺》

发表于 2016-06-12 | 分类于 books

阅读一本书并不是要把书中的每一行的每个字都认一遍,而是较真地弄明白作者的意思,并理解作者的思想,才能进一步真正掌握一本书的观点、视角以及可能的现实应用。

每本书都有其必然的阅读难度,这本《稀缺》的阅读难度指数为8(中文图书阅读难度指数衡量的是所有中文图书的难度,难度最高为24,最低为1)。

阅读全文 »
1…5678
Webykj

Webykj

一枚前端攻城狮

76 日志
4 分类
14 标签
© 2015 - 2018 Webykj
个人专属
|
博客 — Webykj