`

javascript一些技巧

阅读更多

你是否碰到过一个这样的问题:

(1)  在项目开发中,某一个页面上定义了一个js函数,但确发现这个函数根本没有执行?

         最终发现:是这个页面还引入了其它的JS文件,而JS文件中的函数 自已在文件内定义的函数名相同。

 

         解决方案:两种。

          一.   是修改JS函数名,同时建议自已以后定义JS的函数尽量不要定义 较为普通的文件名。

          二.   是给JS函数添加命名空间。

         如下:

        
var foospace={};  

foospace.derp=function() { alert(“one”); }  

foospace.derp();  
 (2)  要说一下"#" 和 javascript:void(0) 。
           前几天做的一个项目中,使用了 javascript:void(0), 能够进入action ,但是不能进入action的响应页面。
           直接在地址栏中输入action的url,一切正常,刚开始怀疑是iframe框的客户端缓存问题,添加了后,还是不正常,最后实在没辙了,用#替代了,竟然好了。
           原因:javascript:void(0),会对页面的整体刷新有影响,当需要整体刷新页面时,请不要使用javascript:void(0)
          其它一些关于这块的资料摘要:
         在开发过程中经常使用<a href="#"/>,可是在点击这个链接的时候,总是跳到页面的顶端,如果滚动条很长的话,并且已经阅览的页面底部的时候,给用户带来很大的困扰。
        为什么会出现这种情况呢,查阅资料发现,#代表一个锚点,并且这个锚点是在页面的顶部,所以每次点击这个链接都会跳到页面顶部。 如果我们不想让页面跳动的话可以使用javascript:void(0)代替#,页面就不会发生跳动了。增强了用户的体验度。 其实: # 也可以,你只需要 onclick="return false" 即可。
       http://jacki6.iteye.com/blog/477958
   (3) javascript定义变量时,最好先定义变量,再进行使用。虽然集成开发环境都有ctrl + f ,但看起代码来很崩溃。
分享到:
评论

相关推荐

    Javascript 技巧大全Javascript 技巧大全

    Javascript 技巧大全Javascript 技巧大全Javascript 技巧大全Javascript 技巧大全Javascript 技巧大全Javascript 技巧大全

    JavaScript小技巧全集 JavaScript教程 JavaScript源代码集

    这种灵活性使得JavaScript易于上手,但也可能导致一些类型相关的错误,需要开发者有清晰的理解和谨慎的处理。 在JavaScript中,函数是一等公民,可以作为值传递,也可以作为返回值。例如,创建一个简单的函数: ```...

    js技巧 javaScript编码技巧

    本文将深入探讨一些JS编码技巧,帮助开发者提升网站特效的实现能力。 一、变量与数据类型 在JavaScript中,变量声明通常使用`var`、`let`或`const`关键字。理解其作用域和生命周期至关重要。`var`具有函数作用域,...

    网盘资源_前端JavaScript面试技巧.txt

    网盘资源_前端JavaScript面试技巧,百度网盘资源直接下载,下载直接视频观看。

    Javascript 相关一些技巧

    在JavaScript的世界里,掌握一些实用的技巧可以极大地提高开发效率和代码质量。以下是一些关于JavaScript的重要技巧和概念,涵盖了变量声明、函数、对象操作、数组处理、事件处理、错误处理等多个方面。 1. **变量...

    JavaScript使用技巧精萃

    JavaScript使用技巧精萃 JavaScript使用技巧精萃 JavaScript使用技巧精萃

    JavaScript实用技巧集锦

    JavaScript实用技巧集锦,JavaScript实用技巧集锦

    JavaScript小技巧整理篇(非常全).pdf

    本文档涵盖了JavaScript编程中的一些关键技巧和概念。通过了解和应用这些技巧,开发者可以编写出更加高效、健壮的代码。无论是初学者还是经验丰富的开发者,都能从中受益。希望这些知识点能帮助你在日常开发中更加...

    JavaScript编程技巧

    在本压缩包中,"JavaScript编程技巧"提供了丰富的函数示例,旨在帮助初学者掌握这门语言的关键技能,特别是关于绘图的函数,这将使你能够创建更具视觉吸引力和互动性的网页。 首先,让我们深入了解一下JavaScript的...

    javascript方法和技巧大全

    ### JavaScript方法和技巧详解 #### 一、基本概念与语法结构 ...通过以上介绍,我们可以了解到JavaScript在处理字符串、数组等方面的一些常用技巧。掌握这些基本技能对于编写高效且易于维护的Web应用程序至关重要。

    JavaScript方法和技巧大全

    这篇文章主要聚焦于JavaScript的一些基本方法和实用技巧,旨在帮助无论是初学者还是有一定经验的开发者提升JavaScript技能。 首先,创建JavaScript脚本块是通过`&lt;script&gt;`标签实现的,其中`language="JavaScript"`...

    JavaScript功能技巧事例

    本资源“JavaScript功能技巧事例”旨在分享一些实用的JavaScript功能实现,帮助开发者提升工作效率,增强代码的实用性。 首先,让我们探讨一下JavaScript的基础知识。JavaScript是一种解释型、基于原型的对象导向...

    javascript非常实用的技巧

    在开发应用中,绝对实用的javascript技巧,一点都不花哨

    JavaScript的一些实用技巧

    以上这些技巧只是JavaScript功能的冰山一角,实际开发中还有更多实用的JavaScript技巧,例如DOM操作、AJAX异步请求、事件委托、性能优化等,不断学习和实践,才能更好地掌握这门强大的脚本语言。

    Javascript设计技巧集

    Javascript设计技巧集

    JavaScript 应用技巧集合[推荐]

    以上知识点涵盖了JavaScript编程中的一些实用技巧,包括类型转换、函数参数默认值处理、页面嵌入防护、字符串替换、类数组对象转数组方法以及进制基数的指定等,这些技巧能够帮助开发者更加高效地使用JavaScript语言...

    javaScript小技巧。

    根据提供的文件内容,我们可以总结出以下几个JavaScript小技巧及相关知识点: ### 1. 引入外部JavaScript文件 在HTML文档中,可以通过`&lt;script&gt;`标签引入外部JavaScript文件来执行脚本代码。例如: ```html ...

    JavaScript小技巧全集

    这个"JavaScript小技巧全集"涵盖了各种提升开发效率和代码质量的技巧,旨在帮助开发者更好地理解和运用这门语言。 1. 变量声明与作用域: - 使用`let`和`const`代替`var`来避免变量提升和作用域污染。 - 了解块级...

Global site tag (gtag.js) - Google Analytics