`

JS 常用技术

阅读更多

java中URL 的编码和解码函数
java.net.URLEncoder.encode(String s)和java.net.URLDecoder.decode(String s);

在javascript 中URL 的编码和解码函数
escape(String s)和unescape(String s) ;

 


escape,encodeURI,encodeURIComponent函数比较

js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent

1、  传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。                           

例如:<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7&u='+encodeURIComponent("http://cang.baidu.com/bruce42")+'">退出</a>');</script>

2、  进行url跳转时可以整体使用encodeURI

例如:Location.href=encodeURI("http://cang.baidu.com/do/s?word=百度&ct=21");

3、  js使用数据时可以使用escape

例如:搜藏中history纪录。

4、  escape对0-255以外的unicode值进行编码时输出%u****格式,其它情况下escape,encodeURI,encodeURIComponent编码结果相同。

最多使用的应为encodeURIComponent,它是将中文、韩文等特殊字符转换成utf-8格式的url编码,所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持(form中的编码方式和当前页面编码方式相同)

escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z

encodeURI不编码字符有82个:!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z

encodeURIComponent不编码字符有71个:!, ',(,),*,-,.,_,~,0-9,a-z,A-Z

将服务器返回的字符串转换成json;
var str = "{name:'zhangxing'}";
var obj = eval("(" + str + ")");
alert(obj.name);

实用技巧:
       
定时
        timer=setInterval('scrollwindow()',delay);
        clearInterval(timer);
UNCODE编码
        escape() ,unescape
交换表的行
        TableID.moveRow(2,1)
并排显示
        display:inline
隐藏焦点
        hidefocus=true
根据宽度换行
        style="word-break:break-all"
快速转到位置
        obj.scrollIntoView(true)
双字节字符
        /[^\x00-\xff]/
汉字
        /[\u4e00-\u9fa5]/
让英文字符串超出表格宽度自动换行
        word-wrap: break-word; word-break: break-all;
获得style内容
        obj.style.cssText
第一个style标签
        document.styleSheets[0]
style标签里的第一个样式
        document.styleSheets[0].rules[0]
防止点击空链接时,页面往往重置到页首端。
        <a href="javascript:function()">word</a>
禁止右键
        document.oncontextmenu = function() { return false;}
关闭输入法
        <input style="ime-mode:disabled">
获取选中内容
        document.selection.createRange().duplicate().text
统一编码/解码
        alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
        encodeURIComponent对":"、"/"、";" 和 "?"也编码

//各种尺寸

s  +=  "\r\n网页可见区域宽:"+  document.body.clientWidth; 
s  +=  "\r\n网页可见区域高:"+  document.body.clientHeight; 
s  +=  "\r\n网页可见区域高:"+  document.body.offsetWeight  +"  (包括边线的宽)"; 
s  +=  "\r\n网页可见区域高:"+  document.body.offsetHeight  +"  (包括边线的宽)"; 
s  +=  "\r\n网页正文全文宽:"+  document.body.scrollWidth; 
s  +=  "\r\n网页正文全文高:"+  document.body.scrollHeight; 
s  +=  "\r\n网页被卷去的高:"+  document.body.scrollTop; 
s  +=  "\r\n网页被卷去的左:"+  document.body.scrollLeft; 
s  +=  "\r\n网页正文部分上:"+  window.screenTop; 
s  +=  "\r\n网页正文部分左:"+  window.screenLeft; 
s  +=  "\r\n屏幕分辨率的高:"+  window.screen.height; 
s  +=  "\r\n屏幕分辨率的宽:"+  window.screen.width; 
s  +=  "\r\n屏幕可用工作区高度:"+  window.screen.availHeight; 
s  +=  "\r\n屏幕可用工作区宽度:"+  window.screen.availWidth;  
过滤数字
<input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false">
不缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">

function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}

//刷新后不变的文本框 <HTML>
<HEAD>
<META NAME="save" CONTENT="history">
<STYLE>
   .sHistory {behavior:url(#default#savehistory);}
</STYLE>
</HEAD>
<BODY>
<INPUT class=sHistory type=text id=oPersistInput>
</BODY>
</HTML>
//访问剪贴板
event.dataTransfer.setData("URL", oImage.src);
sImageURL = event.dataTransfer.getData("URL")
//省略号
<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;
            overflow: hidden; text-overflow:ellipsis">
<NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR>
</DIV>

分享到:
评论

相关推荐

    js常用技术,包括一些常用方法

    本资源包“JavaScript常用技术”包含了图片处理特效、文字特效以及一系列常用的JavaScript方法,是开发者学习和实践JavaScript技术的宝贵资料。 一、图片处理特效 在Web开发中,图片处理是不可或缺的一部分。...

    javascript常用技术

    本文将详细介绍JavaScript的一些常用技术,包括事件处理、对象操作、代码技巧等。 首先,JavaScript的事件处理是它与用户交互的核心机制。例如,`doSelectUser`函数是一个典型的事件处理函数,用于打开一个模态...

    常用JS大全,Javascript技术文章

    标题“常用JS大全”和描述“Javascript经典技术”暗示我们将探讨JavaScript中的基础概念、核心特性以及常见的应用场景和最佳实践。 1. **基础语法**:JavaScript的基础包括变量、数据类型(如字符串、数字、布尔值...

    JavaScript大全 常用JS效果代码

    这个压缩包文件“JavaScript大全 常用JS效果代码”显然包含了一系列实用的JavaScript代码片段,旨在帮助开发者快速实现常见的网页特效和功能。 1. **JS特效**:JavaScript能够创造出丰富的用户体验,如滑动门、轮播...

    javascript常用网页效果整理集合 js效果源码集合

    这个"javascript常用网页效果整理集合"提供了一系列的JS效果源码,可以帮助开发者快速实现各种常见功能,提升网页用户体验。 1. **日历插件**:JavaScript日历插件是网页中常见的一种组件,常用于日期选择、事件...

    javascript常用的JS脚本

    本文将基于"javascript常用的JS脚本"这一主题,详细探讨JavaScript的一些核心概念、常用函数和技巧。 首先,理解JavaScript的基本语法是至关重要的。它遵循ECMAScript标准,包括变量声明(var, let, const)、数据...

    程序员常用JavaScript特效技术

    以下是一些程序员常用且必备的JavaScript特效技术的详细说明: 1. **页面动态加载**:通过AJAX(Asynchronous JavaScript and XML)技术,可以实现页面元素的异步加载,无需刷新整个页面就能更新内容,提高用户交互...

    JS正则技术文档32个常用的javaScript正则表达式

    JS正则技术文档】32个常用的javaScript正则表达式 收集整理了15个常用的javaScript正则表达式,其中包括用户名、密码强度、整数、数字、电子邮件地址(Email)、手机号码、身份证号、URL地址、 IPv4地址、 十六进制...

    JS经常用到的一些技术

    本文将详细介绍一些常用的JS技术和方法,帮助开发者更好地理解和运用这些技术。 #### 1. 阻止浏览器默认行为 **描述:** 在实际开发过程中,有时候我们需要阻止浏览器的某些默认行为,例如右键菜单、键盘快捷键等...

    网站开发中常用JS文件

    "网站开发中常用JS文件"这个压缩包集合了两个重要的JS应用实例:淘宝网广告代码和产品图片超美显示技术。 首先,淘宝网广告代码是淘宝电商平台在网站上实现广告展示的关键。这些代码通常涉及到DOM操作,用于在网页...

    js 特效代码网站常用

    在实际应用中,这些特效代码可能还需要结合其他技术,如jQuery库(简化DOM操作和事件处理)、Vue或React框架(用于构建用户界面),甚至Node.js(后端JavaScript环境)来提供更全面的解决方案。 总的来说,"js特效...

    javascript 的基本上所有的常用类库

    对于压缩包中的文件,如ProAjax、ProJS等,它们可能包含了与Ajax、JavaScript基础概念等相关教程或示例代码,可以帮助初学者更好地理解和掌握JavaScript的这些技术。而JsonLib、zInherit、zColor等则可能专注于JSON...

    40种网站常用Javascript技巧

    根据提供的文件信息,我们可以归纳总结出40种网站常用的JavaScript技巧中的部分知识点。这些技巧主要应用于网页开发中,用于增强用户体验、实现特定功能或优化页面性能。下面将详细阐述每一点涉及的技术细节。 ### ...

    常用js特效汇总

    这个"常用js特效汇总"的资源集锦包含了多种常见的JavaScript特效实现,旨在帮助开发者快速找到并理解各种JavaScript技巧和应用。 1. **DOM操作**:JavaScript通过Document Object Model(DOM)来操作HTML和XML文档...

    常用的js特效

    本篇文章将详细探讨"常用的js特效",包括图片切换、文字滚动、运动专题类、倒计时、浮动窗口以及窗口拖拽等技术。 1. 图片切换:这是一种常见的网页动态效果,通过JS可以实现在一组图片间自动或手动切换,常用于...

    JS常用特效案例

    "JS常用特效案例"这个主题涵盖了JavaScript在创建交互式和动态网站效果时的一些常见技术与实践。以下是对这些特效案例的详细说明: 1. **滑动门导航**:这种特效常见于网站顶部的导航菜单,当用户鼠标悬停在菜单项...

    javascript快速入门+常用js特效源程序

    总结,这个“javascript快速入门+常用js特效源程序”资源涵盖了JavaScript的基本语法、DOM操作、事件处理、AJAX技术以及实用的特效示例,对于初学者来说,是快速掌握JavaScript并动手实践的好材料。通过学习和实践...

    前端JS常用工具

    这里我们将探讨一些常用的JS工具,这些工具在提高开发效率和优化代码质量方面发挥着重要作用。 首先,我们来看"Sublime Text 2.0.2 Setup.exe",这是一个广受欢迎的代码编辑器。Sublime Text以其快速、轻量级和高度...

    前端开发常用技术前端开发常用技术前端开发常用技术.txt

    随着Node.js的出现,JavaScript也可以用于服务器端开发,这标志着其从单纯的前端语言转变为全栈开发语言。 前端框架如Vue.js、React和Angular改变了传统的前端开发模式,它们通过组件化的开发理念和数据驱动的特性...

    几个比较常用的JS

    JavaScript,简称JS,是一种广泛应用于Web开发的轻量级编程语言。它主要负责网页的动态交互,赋予网页活力,使得用户在浏览时...通过学习和实践这些工具和技术,可以提升你的JS技能,更好地应对Web开发中的各种挑战。

Global site tag (gtag.js) - Google Analytics