常用的前端JavaScript方法封装,web前端开发基础入门

Element.prototype.insertAfter = function (target, elen) {

var nextElen = elen.nextElenmentSibling;

if (nextElen == null) {

this.appendChild(target);

} else {

this.insertBefore(target, nextElen);

}

}

13、返回当前的时间(年月日时分秒)

==================

function getDateTime() {

var date = new Date(),

year = date.getFullYear(),

month = date.getMonth() + 1,

day = date.getDate(),

hour = date.getHours() + 1,

minute = date.getMinutes(),

second = date.getSeconds();

month = checkTime(month);

day = checkTime(day);

hour = checkTime(hour);

minute = checkTime(minute);

second = checkTime(second);

function checkTime(i) {

if (i < 10) {

i = “0” + i;

}

return i;

}

return “” + year + “年” + month + “月” + day + “日” + hour + “时” + minute + “分” + second + “秒”

}

14、获得滚动条的滚动距离

=============

function getScrollOffset() {

if (window.pageXOffset) {

return {

x: window.pageXOffset,

y: window.pageYOffset

}

} else {

return {

x: document.body.scrollLeft + document.documentElement.scrollLeft,

y: document.body.scrollTop + document.documentElement.scrollTop

}

}

}

15、获得视口的尺寸

==========

function getViewportOffset() {

if (window.innerWidth) {

return {

w: window.innerWidth,

h: window.innerHeight

}

} else {

// ie8及其以下

if (document.compatMode === “BackCompat”) {

// 怪异模式

return {

w: document.body.clientWidth,

h: document.body.clientHeight

}

} else {

// 标准模式

return {

w: document.documentElement.clientWidth,

h: document.documentElement.clientHeight

}

}

}

}

16、获取任一元素的任意属性

==============

function getStyle(elem, prop) {

return window.getComputedStyle ? window.getComputedStyle(elem, null)[prop] : elem.currentStyle[prop]

}

17、绑定事件的兼容代码

============

function addEvent(elem, type, handle) {

if (elem.addEventListener) { //非ie和非ie9

elem.addEventListener(type, handle, false);

} else if (elem.attachEvent) { //ie6到ie8

elem.attachEvent(‘on’ + type, function () {

handle.call(elem);

})

} else {

elem[‘on’ + type] = handle;

}

}

18、解绑事件

=======

function removeEvent(elem, type, handle) {

if (elem.removeEventListener) { //非ie和非ie9

elem.removeEventListener(type, handle, false);

} else if (elem.detachEvent) { //ie6到ie8

elem.detachEvent(‘on’ + type, handle);

} else {

elem[‘on’ + type] = null;

}

}

19、取消冒泡的兼容代码

============

function stopBubble(e) {

if (e && e.stopPropagation) {

e.stopPropagation();

} else {

window.event.cancelBubble = true;

}

}

20、检验字符串是否是回文

=============

function isPalina(str) {

if (Object.prototype.toString.call(str) !== ‘[object String]’) {

return false;

}

var len = str.length;

for (var i = 0; i < len / 2; i++) {

if (str[i] != str[len - 1 - i]) {

return false;

}

}

return true;

}

21、检验字符串是否是回文

=============

function isPalindrome(str) {

str = str.replace(/\W/g, ‘’).toLowerCase();<

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值