`
这些年
  • 浏览: 397894 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js 一些小知识

    博客分类：
  • js
 
阅读更多

1:得到下拉列表的选项值

var v = document.getElementsById("groupid").options[document.getElementsById("groupid").selectedIndex].value

 2:字符串的替换

'2013-12-15 00:00'.replace(/-/ig,'/') 会替换所有的
'2013-12-15 00:00'.replace('-','/') 只替换第一个

 补充：js正则表达式的模式

/i (忽略大小写)
/g (全文查找出现的所有匹配字符)
/m (多行查找)
/gi(全文查找、忽略大小写)
/ig(全文查找、忽略大小写)
i 模式中的字符将同时匹配大小写字母
m 字符串视为多行
s 将字符串视为单行，换行符作为普通字符
x 将模式中的空白忽略
e preg_replace() 函数在替换字符串中对逆向引用作正常的替换，将其作为 PHP 代码求值，并用其结果来替换所搜索的字符串。
A 强制仅从目标字符串的开头开始匹配
D 模式中的 $ 元字符仅匹配目标字符串的结尾
U 匹配最近的字符串
u 模式字符串被当成 UTF-8

 3：字符串转数字（parseInt()和parseFloat()两个转换函数）

parseInt("1234blue"); //returns 1234
parseInt("0xA"); //returns 10
parseInt("22.5"); //returns 22
parseInt("blue"); //returns NaN        其他类型返回的都是NaN(Not a Number)

 4:面页自动运行js

var int=self.setInterval("autorefresh()",10000)    //每隔10秒运行autorefresh方法
window.clearInterval(int)                                    //取消自动运行

 5：得到对象中的属性与值

for(i in obj){
alert(i) //属性名
alert(obj[i]) //属性值
}

 6：js得到窗口大小

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
<!--在javascript中得到当前窗口的高和宽 -->
<body><SCRIPT LANGUAGE="JavaScript"> 
var  s = ""; 
s += "\r\n网页可见区域宽："+ document.body.clientWidth; 
s += "\r\n网页可见区域高："+ document.body.clientHeight; 
s += "\r\n网页可见区域宽："+ document.body.offsetWidth  +" (包括边线和滚动条的宽)"; 
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; 
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"; 
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"; 
alert(s); 
</SCRIPT>
</HTML>

 7：

js/jq修改或获取CSS属性，DOM属性

CSS

js获取属性

document.getElementById(id).currentStyle.属性;

js修改属性

document.getElementById(id).style.属性 = 值;

DOM（例href属性）

JS获取href

var imgUrl = document.getElementById(id).href;

JQ获取href

$(document).ready(function(){
 $("a").hover(function(){
  var imgUrl = $(this).attr("href");    alert(imgUrl);
 });   
});

 

8：使用a标签不提交

a href="javascript:void(0);" onclick="js_method()"
a href="javascript:;" onclick="js_method()"
a href="#" onclick="js_method();return false;"

 

9：三元运算

 

(b == 5) ? a="true" : a="false";

 10：处理一些特殊字符

采用

Java代码   收藏代码
  1. ServletActionContext.getResponse().getWriter()  

向前台写信息的时候，经常会出现unterminated string literal错误：未结束的字符串常量，很可能是由于字符串中存在换行符导致的。

解决办法:

在将result写到前台之前，将字符串中的换行的特殊符号转义掉，

Java代码   收藏代码
  1. PrintWriter pw = ServletActionContext.getResponse().getWriter();  
  2. result = result.replace("\n\r", "<br>&nbsp;&nbsp;");  
  3. result = result.replace("\r\n", "<br>&nbsp;&nbsp;");  
  4. result = result.replace("\t", "&nbsp;&nbsp;&nbsp;&nbsp;");  
  5. result = result.replace(" ", "&nbsp;");  
  6.   
  7. result = result.replace("\"", "\\" + "\"");  
  8. pw.print(result);  
11：判断对象类型
typeof msgObj !="object"
 转的（http://blog.csdn.net/cs_wuxiang/article/details/7724133）
1、typeof 形如 var x = "xx"; typeof x == 'string'
返回类型有：'undefined' “string” 'number' 'boolean' 'function' 'object'
缺点：对于object类型不能细分是什么类型
优点：对空null的判断 'undefined'的应用
2、instanceof 形如 var d = new String('test'); d instanceof String ==true 返回的类型有：String Number Boolean Function Object Array Date
优点：能区分出更细的类型如 Date Array 如 var num = 3; num instanceof Number 能返回具体的类型
缺点：直变量不能区分 必须采用new 的对象
3、constructor 形如：var x = []; x.constructor==Array
优点：可以返回继承的类型
缺点: 不能对象的细分,如继承 必须手动修正
4、Object.prototype.toString.call();
优点：通用，返回"[object
String]" 具体object的类型
缺点：不能返回继承的类型
 12：判断空值
function isNull(str){
var variable='';
for(var key in str){
var a=str[key];
if(variable ==''){
if (a !== null || a !== undefined || a !== '') {
　　variable = a;
　　}
}else{
if (a !== null || a !== undefined || a !== '') {
　　variable = variable+"--"+a;
　　}}
}
return variable;

}
 13：自动调用事件
var Btn=document.getElementById("Button1");
Btn.click();
$('#submit_dom').click();
 14:检测是否为非数值
isNaN()
 15:判断 undefined
if (typeof(reValue) == "undefined") { 
   alert("undefined"); 
}
 16：js调用url
js脚本：document.location.href = "dsm.do?method=showSearchList&searchKey="+searchKey;

在action里面用request.getParameter("searchKey")为乱码，将js改为如下可解决乱码：

document.location.href = "dsm.do?method=showSearchList&searchKey="+encodeURI(searchKey);
 
分享到：
| python 发个邮件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript 小游戏代码汇总

    以下是 JavaScript 小游戏代码汇总的知识点： 1. HTML 基础：代码开头使用的 `&lt;!DOCTYPE html&gt;` 声明了文档类型为 HTML，並引入了 XHTML 1.0 Transitional 文档类型定义。`&lt;html&gt;` 元素是 HTML 文档的根元素，`...

    threejs微信小程序应用.zip

    下面，我们将深入探讨Three.js与微信小程序结合的相关知识点。 一、Three.js简介 Three.js是基于WebGL的3D库，它允许开发者在浏览器中创建复杂的3D场景，包括模型加载、光照、材质、动画等。WebGL是一种JavaScript ...

    知识图谱可视化javascript库，基于d3.js，面向网页前端知识图谱展示.zip

    知识图谱是一种结构化的知识表达形式，它以图形的方式组织和存储了大量实体（如人、地点、事件等）及其相互关系。在知识图谱中，实体作为节点，实体之间的各种语义关联则通过边进行连接，形成了一个庞大的数据网络。...

    纯JS对对碰小游戏

    这款小游戏不仅展示了JavaScript的基本语法和面向对象编程思想，还涵盖了DOM操作、事件处理、时间管理和动画效果等多个关键知识点。 首先，JavaScript是Web开发中的重要语言，它允许开发者在浏览器端直接运行代码，...

    javascript100个小例子

    通过"javascript100个小例子"中的实例，你可以逐个实践这些知识点，每个例子都代表一个具体的应用场景，这将帮助你更好地理解和记忆JavaScript的核心概念。同时，这些例子也可以直接应用于实际项目中，节省开发时间...

    基于d3.js，知识图谱可视化javascript库，面向网页前端知识图谱展示

    【作品名称】：基于d3.js，知识图谱可视化javascript库，面向网页前端知识图谱展示 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 ...

    JS小游戏源码

    JavaScript（简称JS）是一种轻量级的编程语言，主要用于网页和网络应用开发。在这个"JS小游戏源码"的压缩包中，包含了多个基于JS实现的小游戏，如微信打飞机、泡泡龙、开心消消乐和架子鼓等。这些游戏不仅展示了JS在...

    js的14个小程序

    在这个“js的14个小程序”中，我们可以通过一系列实践项目来深入理解和掌握JavaScript的核心概念和应用。 1. **三级联动**：在网页中，三级联动通常用于实现地区选择功能，如省份-城市-区县的递归选择。通过JS，...

    js基础知识点思维导图

    本思维导图将深入探讨JS的基础知识点，帮助初学者构建全面的JavaScript知识体系。 1. 变量与数据类型： JavaScript有六种基本数据类型：Undefined、Null、Boolean、Number、String和Symbol（ES6新增），以及一种...

    原生js小球碰撞动画代码

    总的来说，"原生js小球碰撞动画代码"是一个综合性的项目，涵盖了JavaScript编程基础、DOM操作、CSS样式控制以及基本的物理知识。通过这个项目，开发者不仅可以提升JavaScript的实战能力，还能深入理解网页动态效果的...

    js扑克牌翻牌配对网页小游戏代码

    在本项目中，我们讨论的是一个基于JavaScript的扑克牌翻牌配对的网页小游戏...以上就是关于"js扑克牌翻牌配对网页小游戏代码"的主要知识点。了解这些概念有助于理解项目的架构和工作原理，也为其他前端项目提供了基础。

    基于js,javaScript的运动小程序

    在给定的“基于js,javaScript的运动小程序”项目中，我们可以深入探讨以下几个重要的知识点： 1. **JavaScript 基础**：JS 是一种解释型的、动态类型的、弱类型的脚本语言，它主要用于增强用户交互，如表单验证、...

    JS 的小demo

    在本"JS的小demo"中，我们将探讨JS的基础知识和常见交互功能。 1. **变量与数据类型** 在JS中，变量无需预先声明，直接使用`var`, `let`或`const`定义。例如： ```javascript let num = 123; // 数字 const str...

    知识地图，swfobject.js

    《SWFObject.js在知识地图中的应用与实现》 SWFObject.js，作为一个小巧而强大的JavaScript库，主要用于处理Adobe Flash内容的嵌入，使得网页开发者能够优雅地处理Flash与HTML的交互，尤其在HTML5逐渐普及的今天，...

    一些web知识(包括但不限于HTML,CSS,JS,NodeJS,VUE).zip

    一些web知识(包括但不限于HTML,CSS,JS,NodeJS,VUE).zip 一些web知识(包括但不限于HTML,CSS,JS,NodeJS,VUE).zip 一些web知识(包括但不限于HTML,CSS,JS,NodeJS,VUE).zip 一些web知识(包括但不限于HTML,CSS,JS,NodeJS,...

    js_game.rar_game JavaScript _js小游戏

    在这个名为"js_game.rar_game JavaScript _js小游戏"的压缩包中，包含了一个基于JavaScript开发的小游戏。游戏的设计目标是阻止红色方块逃出指定区域，玩家需要通过某种方式来圈住红色方块，确保其不会到达表格的...

    JavaScript 知识小集锦

    本知识小集锦主要涵盖了JavaScript的一些常用技术，这些技术在日常开发中虽然可能容易被忽视，但它们对于提升代码质量和效率至关重要。 1. 变量与数据类型： JavaScript 是动态类型语言，这意味着变量的数据类型...

    原生JS成语接龙小游戏

    原生JS成语接龙小游戏是一款利用JavaScript核心技术实现的互动娱乐应用。通过这个游戏，开发者不仅可以锻炼自己的编程技巧，还能在编程过程中感受到乐趣，让学习过程更加生动。以下将详细阐述这款游戏涉及的主要知识...

    JS互动小游戏

    了解这些基础知识是开发JS小游戏的前提。例如，游戏中可能需要定义变量来存储玩家分数、游戏状态等信息，使用函数封装游戏逻辑，通过数据结构（如数组或对象）来组织游戏元素。 二、DOM操作 在JS小游戏开发中，DOM...

    JS实现的小游戏，水管工.zip

    本项目“JS实现的小游戏，水管工”是一个利用纯JS和CSS构建的轻量级互动游戏，旨在展示JavaScript在游戏开发中的应用潜力。下面将详细探讨游戏开发中的关键知识点。 首先，我们要理解JavaScript的基本概念。JS是一...

Magicbox
Global site tag (gtag.js) - Google Analytics