`
changqingonly
  • 浏览: 25555 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

js实用的小小小技巧

阅读更多
一:快速取得当前form里的input值
1)document.getElementById('u_name');
2) document.forms[0].u_name;
3) document.form(0).u_name

二:整了半天才知道原来在struts1.2.9中对checkbox和radio等的id设置是用styleId来定义。郁闷,浪费时间啊……

三:在一个form表单中,submit后希望返回值在一个新的窗口上,则可以动态地对该form的属性target设置成'_blank'即:
document.forms[0].target='_blank';//forms[0]是第一个form


四:IE中事件的起泡
今天看到这么一则文章,然后就调试了一下http://x8.maicoo.com/tech/javascript/17262.html
在html里这么写:
<div onclick='go("http://www.google.com.cn");'>
	<a href="#" onclick='go("http://www.baidu.com");'>Go ===></a>
</div>

js这么写:
function go(url){
		alert(url);
		window.location.href = url;
	}

用Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4调试更直接

五:对新窗口的控制
有时候希望显示的内容在新的窗口上,可以这样控制。类似一般js站点上点击:"运行代码"按钮的功能
function wopen(){
 var text = getElementById('infomation').innerHtml;
 var win = window.open('','_blank','');
 win.document.open('text/html','hcq');
 win.document.writeln(text);
 win.document.close();
}


六:改变html文档里的title
最近用QQ邮箱里的聊天功能,发现把网页最小化的时候也,当消息来的时候让title的内容滚动起来就可以达到提示用户的效果。改变title真是简单
document.title='msg';//一句话就OK
当然也可以再写一个让它滚动的函数,这样效果就更好了。

七:给定时器调用传递参数(摘自:征服Ajax——Web 2.0开发技术详解)
<script language="JavaScript" type="text/javascript">
<!--
var userName="jack";
//根据用户名显示欢迎信息
function hello(_name){
       alert("hello,"+_name);
}
//创建一个函数,用于返回一个无参数函数
function _hello(_name){
       return function(){
             hello(_name);
       }
}
window.setTimeout(_hello(userName),3000);
//-->
</script>


八:改变table里的鼠标划过的颜色
<tr onmouseover='this.style.color="#e7fbff"' onmouseout='this.style.color="#FFFFFF"' >
……
</tr>
最好是把和样式设置相关的都放进css里,以后改了方便。
分享到:
评论

相关推荐

    40种网页常用小技巧

    网页开发中的小技巧是提升用户体验和增强网页安全性的重要手段。以下是一些常见的JavaScript技巧: 1. **屏蔽鼠标右键**:通过添加`oncontextmenu="window.event.returnValue=false"`到元素属性,可以阻止用户通过...

    二维码生成器-html-微信小程序

    2. **调用二维码库**:使用JavaScript库(如qrcode.js)来生成二维码图像。这些库通常提供了API,允许开发者输入数据和配置参数,如大小、颜色等,然后返回二维码的图像数据。 3. **图像显示**:将生成的二维码图像...

    JavaScript权威指南第六版.mobi

    最后,第六版还涵盖了错误处理、调试技巧以及性能优化等方面的知识,这些都是实际开发中非常实用的技能。同时,随着ES6及后续版本的新特性引入,如类、箭头函数、解构赋值、模板字符串等,书中也进行了详尽的介绍。 ...

    微信小程序开发-图书管理系统案例源码.zip

    这个压缩包"微信小程序开发-图书管理系统案例源码.zip"提供了一个完整的图书管理系统的源代码,是学习和理解微信小程序开发的一个实用资源。接下来,我们将深入探讨微信小程序开发的基础知识、图书管理系统的核心...

    微信小程序开发-同城黑卡案例源码.zip

    在这个案例中,源码包含所有必要的文件,如WXML(微信小程序的结构层语言)、WXSS(样式层语言)、JavaScript文件以及JSON配置文件,用于构建和控制小程序的功能和界面。 2. **微信**:作为中国最大的社交应用,...

    微信小程序开发-年会签到案例源码.zip

    一个小程序由多个页面组成,每个页面由JSON配置文件(page.json)、WXML(WeiXin Markup Language)负责视图结构、WXSS(WeiXin Style Sheet)负责样式、以及JavaScript文件(page.js)负责逻辑控制。在这个年会签到...

    16个简单实用的.htaccess使用技巧

    以下是一些关于`.htaccess` 文件的实用技巧: 1. **创建自定义错误页面**: 通过设置`ErrorDocument`指令,可以为不同类型的HTTP错误状态码指定自定义的响应页面。例如,将401、403、404和500错误分别指向你预先...

    微信小程序开发-水利案例源码.zip

    通过对这个水利案例源码的学习,开发者可以了解到如何结合行业特性和微信小程序的特性,构建实用且高效的水利行业应用。同时,也可以借鉴源码中的设计思路和编程技巧,提升自己的小程序开发能力。

    校园小情书小程序表白墙后端 v2.0.0.zip

    "校园小情书小程序表白墙后端 v2.0.0.zip" 是一个包含源代码的压缩包,主要用于实现一款校园社交小程序的核心功能——表白墙。这个后端系统是版本2.0.0,通常意味着它经过了一定程度的升级和优化,提供了更稳定和...

    微信小程序开发-智能用电案例源码.zip

    这个案例源码提供了一个完整的解决方案,旨在帮助开发者理解和学习如何利用微信小程序平台构建一个实用且具有智能化功能的用电管理应用。下面将详细介绍这个案例涉及的关键知识点和开发流程。 1. **微信小程序开发...

    微信小程序开发-图书馆写笔记案例源码.zip

    这个案例将帮助开发者了解如何利用微信小程序框架实现一个实用的图书管理和笔记记录应用。 首先,微信小程序的开发涉及到的主要技术栈有WXML(WeiXin Markup Language)、WXSS(WeiXin Style Sheets)以及...

    详解Angular调试技巧之报错404(not found)

    这篇文章将详细介绍 Angular 调试技巧之报错 404(not found),并提供实用的解决方法。 一、Angular 调试技巧概述 在 Angular 中,调试是一个非常重要的步骤。只有通过调试,才能找到代码中的错误,并对其进行修复...

    misc-snippets:实用的实用代码片段

    如果是 "javascript-ajax-request.js",则可能包含了一个JavaScript的AJAX请求实现。 总的来说,"misc-snippets" 是一个开发者社区的宝贵财富,它聚合了各种实用的编程技巧和解决方案,对于提高个人技能和团队协作...

    微信小程序开发-滴滴打卡案例源码.zip

    在这个“滴滴打卡案例”中,我们将深入探讨微信小程序的开发过程,以及如何实现一个实用的打卡功能。 首先,我们要了解微信小程序的基本架构。它基于JavaScript,使用WXML(Weixin Markup Language)作为结构层,...

    CursoPracticoDeJS:JS de Platzi 实践课程实践

    【描述】"实用JS课程"强调了这个课程的核心价值,即教授的JavaScript知识是直接应用于实际开发中的。"JS de Platzi 实践课程实践"进一步说明了这是Platzi系列课程的一部分,学员可以通过动手实践来巩固理论学习,将...

    刷leetcode不用stl-Front-End:前端

    刷leetcode不用stl 主要视频选用、 视频并不需要全部看完 建议能跳过就跳过 ...node.js,先可以小小的学习下 一个很强的前端B站up主 看他的视频可能需要点webpack,node.js知识 当然还有3、4、5弹就这视

    学校实训毕业商用项目-茶叶生成基地网站源码-含手机端同步.zip

    该压缩包文件“学校实训毕业商用项目-...通过以上分析,我们可以看出这个实训项目涵盖了前端开发的多个重要方面,对于学习者来说,这是一个全面且实用的学习资源,不仅可以提升技术技能,还能锻炼实际项目开发经验。

    学校实训毕业商用项目-开锁换锁网站源码-含手机端同步.zip

    在这个项目中,源码包括HTML、CSS和JavaScript等前端技术,可能还有服务器端语言如PHP或Node.js,用于处理用户请求和数据库交互。 2. **HTML**: HTML(HyperText Markup Language)是构建网页的基础,定义了页面...

    FeHelper(chrome离线插件)-V2020.zip

    它不仅提供了代码片段管理、网页元素分析和网络请求监控等基础工具,还集成了一系列实用的小工具,旨在提升开发者的整体工作效率。通过定期更新和社区支持,FeHelper保持了其在前端开发辅助工具领域的领先地位。

    学校实训毕业商用项目-大气装饰设计建筑工程类企业源码.zip

    4. **前端框架**:为了提高开发效率和代码复用,开发者可能使用了像Bootstrap、Vue.js、React或Angular这样的前端框架。这些框架提供了预设的样式、组件和工具,能够快速搭建出响应式和交互性强的网站。 5. **响应...

Global site tag (gtag.js) - Google Analytics