`

JavaScript开发中几个常用知识点总结

阅读更多
一、三种声明函数的方式
1、声明式的函数

function functionName(arg1, arg2) {alert(arg1+arg2);}2、匿名函数

var functionName1 = new Function("arg1", "arg2", "alert(arg1 + arg2)");3、直接量函数

functionName2 = function (arg1, arg2) { alert(arg1 + arg2); };三种函数调用方式

functionName("1", "22");
functionName1("2", "11");
functionName2("Hello", "World");继续看,还可以这样写,第一次体验很不错

functionName1.love = "Hello World!";
alert(functionName1.love);
functionName1.Test = function () { alert("Test"); }
functionName1.Test();

二、jQuery $(document).ready() 与window.onload的区别
1、执行时间

  window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
      $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。

2、编写个数不同

  window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个,执行后面的一个。
      $(document).ready()可以同时编写多个,并且都可以得到执行。

3、简化写法

  window.onload没有简化写法 。
      $(document).ready(function(){})可以简写成$(function(){})。

注意:window.onload和body.onload之间的关系和区别,最好自己亲自去实践一下。

三、location.href
1、top.location.href=”url”          在顶层页面打开url(跳出框架)

2、parent.location.href=”url”    在父窗口打开Url地址

3、self.location.href=”url” 和 this.location.href=”url” 和 window.location.href=“url” 和location.href       都是在本页面打开url地址

由此我解决了一个问题:就是使用了Iframe框架,同时也控制用户超时重新登录的限制,所以有时候登录页面会出现在页面中的某部分。

处理方式就比较简单就是在登录页面通过JavaScript进行一次判断即可

<script type="text/javascript">
    if (window != top)
        top.location.href = location.href;
</script>

四、获取url参数
1、获取指定url指定参数的值
//获取指定url的指定参数值
//name为参数名
//url为指定的url地址
function GetQueryStringRegExp(name,url) {
    var reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i");
    if (reg.test(url)) return decodeURIComponent(RegExp.$2.replace(/\+/g, " ")); return "";
}2、获取当前页面url指定参数的值

//获取url指定参数的值
function GetQueryStringRegExp(name) {
    var reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i");
    if (reg.test(location.href)) return decodeURIComponent(RegExp.$2.replace(/\+/g, " ")); return "";
}
3、实践:
String urls = servletRequest.getRequestURL() + "?"
+ servletRequest.getQueryString();
Map<String, String> mapRequest = ResolveUrl.URLRequest(urls);
for (String strRequestKey : mapRequest.keySet()) {
if (strRequestKey.equals("sfzh")) {
String sfzh = mapRequest.get(strRequestKey);
session.put("sfzh", sfzh);
}
}

五、判断是否存在函数的方法
window.onload=function(){
    try{
        if(test&&typeof(test)=="function"){
            test();
        }
        else{
            alert("不存在的函数");
        }
    }
    catch(exception){
        alert(exception);
    }
}

function test(){
    alert("函数执行……");
} 第一种情况就是函数的确存在,那么就会执行该函数。

第二种情况就是函数不存在,但是在此域中存在该名称的对象或者变量,则为提示不存在的函数。

第三种情况就是函数不存在,对象或者变量也不存在,就是该名称是未定义的,则会提示函数未定义。

六、、设置Iframe高度
function SetIFrameHeight(iFrameId) {
        if (iFrameId == "") {return;}
        var Sys = {};
        var ua = navigator.userAgent.toLowerCase();
        var s;
        (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : 0;
        var pTar = null;
        if (document.getElementById) {
            pTar = document.getElementById(iFrameId);
        } else {
            eval('pTar=' + iFrameId + ';');
        }
        pTar.style.display = "block";
        if (Sys.ie) {
            if (Sys.ie == '9.0') {
                pTar.height = pTar.contentWindow.document.body.offsetHeight + 15 + "px";
                pTar.width = pTar.contentWindow.document.body.scrollWidth + "px";
            } else if (Sys.ie == '8.0') {
                pTar.height = pTar.Document.body.offsetHeight + 25 + "px";
                pTar.width = pTar.Document.body.scrollWidth + "px";
            } else {
                pTar.height = pTar.Document.body.scrollHeight + 25 + "px";
                pTar.width = pTar.Document.body.scrollWidth + "px";
            }
        }
    }参数就是该Iframe的id传入,暂时通过的是IE8测试是没问题的。

七、解决文本框设置只读后按退键后退页面
document.documentElement.onkeydown = function (evt) {
        var b = !!evt, oEvent = evt || window.event;
        if (oEvent.keyCode == {
            var node = b ? oEvent.target : oEvent.srcElement;
            var reg = /^(input|textarea)$/i, regType = /^(text|textarea)$/i;
            if (!reg.test(node.nodeName) || !regType.test(node.type) || node.readOnly || node.disabled) {
                if (b) {
                    oEvent.stopPropagation();
                }
                else {
                    oEvent.cancelBubble = true;
                    oEvent.keyCode = 0;
                    oEvent.returnValue = false;
                }
            }
        }
    }检测退格键时,所对应的操作进行判断,来处理禁用回退页面刷新的问题。
分享到:
评论

相关推荐

    javaScript常用函数使用总结

    JavaScript常用函数使用总结涵盖了多种在...以上就是JavaScript中一些常用函数的使用总结,涵盖了字符串处理、数字处理和数组处理等编程基础知识点。掌握这些函数的使用,对于进行JavaScript开发是非常有帮助的。

    几百个javascript常用小技巧总结

    以下是一些JavaScript的常用小技巧和知识点的总结,帮助你提升编程效率和代码质量。 1. **变量声明与作用域** - 使用`let`和`const`代替`var`,避免变量提升和作用域污染。 - `let`允许块级作用域,而`const`用于...

    java综合知识点总结

    1. JDK常用的包:Java Development Kit (JDK) 包含了Java运行环境和开发工具,其中核心的几个包如`java.lang`, `java.util`, `java.io`, `java.nio`等,分别用于基础类库,集合框架,输入/输出和非阻塞I/O操作。...

    几个java常用的类

    在Java编程中,有几个常用的类对于开发人员来说是不可或缺的,这些类可以帮助我们处理数据库操作、页面分页以及过滤请求。下面将详细讲解标题和描述中提到的几个关键概念。 首先,`baseDao` 类是Java开发中的一个...

    JavaScript常用工具函数库汇总.docx

    从给定的文件中,我们可以总结出以下几个重要的知识点: 1. 深拷贝(Deep Clone) 在 JavaScript 中,深拷贝是将一个对象或数组完全复制到另一个对象或数组中,而不仅仅是复制引用。这可以使用递归的方式来实现。...

    JavaScript 总结几个提高性能知识点(推荐)

    因此,开发结束后,应考虑将多个文件合并成一个或几个文件。此外,现代浏览器已广泛支持`defer`和`async`属性,它们可以用来延迟或异步加载文件,从而进一步提升性能。懒加载和按需加载也是常用的策略,用以减少初次...

    从零开始学JavaScript

    初学者在开始学习JavaScript时,通常需要了解以下几个重要知识点: 1. JavaScript基础语法:包括变量声明、数据类型、运算符、控制结构(if...else语句,switch语句,循环语句等)、函数的定义与使用等。 2. DOM...

    java开发面试总结

    这里,我们重点讨论几个关键知识点,包括前端技术、JavaScript、Ajax、Java基础以及Web开发框架。 1. **前端开发技术:CSS+DIV,JS,JQuery** - CSS+DIV:面试中可能会询问布局方式,如流式布局、网格布局和响应式...

    Struts2+Spring+Hibernate知识点总结

    ### Struts2+Spring+Hibernate知识点总结 #### Struts2框架概述 - **Struts2的工作流程**: 1. **客户端发起HTTP请求**:客户端浏览器向服务器发送HTTP请求。 2. **FilterDispatcher接收请求**:根据`web.xml`...

    JavaScript高级编程 DOC版

    ### JavaScript高级编程知识点总结 #### 一、JavaScript基础与历史 **标题与描述解析:** 本书《JavaScript高级编程 DOC版》旨在深入讲解JavaScript高级应用,面向具备一定基础的程序员,帮助他们掌握JavaScript的...

    javascript

    ### JavaScript基础知识点详解 #### 一、为什么学习JavaScript? JavaScript是一种强大的编程语言,它被广泛应用于Web开发中,主要用于客户端的交互式编程。通过学习JavaScript,开发者可以创建动态且交互丰富的...

    jsp网页开发常用代码

    根据给定的信息,我们可以总结出以下关于JSP网页开发中常用的代码知识点: ### 1. 禁止右键菜单和其他浏览器默认行为 在JSP页面中,有时我们需要禁止用户的一些默认操作,例如右键菜单、拖拽选择等。下面的代码...

    JavaScript王者归来(目录)

    - 推荐了几款适合JavaScript开发的IDE。 - **3.4 调试工具--提升开发效率的利器** - **3.4.1 什么是调试** - 定义了调试的过程。 - **3.4.2 原始的调试方法--利用输出语句、“反射”机制和调试对象来进行调试** ...

    JavaScript常用标签和方法总结

    JavaScript是一种广泛应用于网页开发中的脚本语言,它主要由Netscape公司开发。JavaScript的基础特性包括基于对象、事件驱动以及具备一定的安全性。JavaScript的代码可以直接嵌入到HTML页面中,并由浏览器解释执行,...

    JavaScript功能效果[收集].pdf

    这份文档集合了几个JavaScript的功能效果示例,其中一个是最基础的乘法计算器。下面将详细解析这个计算器的实现过程以及涉及的JavaScript知识点。 首先,HTML部分定义了一个简单的表单,包含两个输入框(num1和num2...

    数组的常用方法知识点归纳

    ### 数组的常用方法知识点归纳 #### 一、概述 数组是编程中最基本的数据结构之一,在JavaScript等前端语言中有着广泛的应用。对于前端开发者来说,掌握数组的各种操作方法至关重要。本文将详细介绍数组的一些常用...

Global site tag (gtag.js) - Google Analytics