`
mywebcode
  • 浏览: 995227 次
文章分类
社区版块
存档分类
最新评论

常用JavaScript代码(持续更新) 续2

 
阅读更多
199.模式窗口
父窗口
var url="aaa.jsp";
var

data=showModalDialog(url,null,"dialogHeight:400px;dialogHeight:600px;center:yes;help:No;status:no;resizab

le:Yes;edge:sunken");
if(data)
alert(data.value);

子窗口
var data=new Object();
data.value1="china";
window.returnValue=data;
window.close();


200.动态设置事件,带参数
<INPUT TYPE="text" NAME="a1">
<SCRIPT LANGUAGE="JavaScript">
<!--
function hah(para)
{
alert(para)
}
a1.onclick=function()
{
hah('canshu ')
}
//a1.attachEvent("onclick",function(){hah('参数')});
//-->
</SCRIPT>//


201.将url转化为16进制形式
var ret = '';

for(var i=0; i < str.length; i++)
{
var ch = str.charAt(i);
var code = str.charCodeAt(i);

if(code < 128 && ch != '[' && ch != '\'' && ch != '=')
{
ret += ch;
}
else
{
ret += "[" + code.toString(16) + "]";
}
}
return ret;//


202.打开新的窗口并将新打开的窗口设置为活动窗口
var newWin=window.open("xxxx");
newWin.focus();//


203.容错脚本
JS中遇到脚本错误时不做任何操作:window.onerror = doNothing;
指定错误句柄的语法为:window.onerror = handleError
function handleError(message, URI, line)
{// 提示用户,该页可能不能正确回应
return true; // 这将终止默认信息
}//在页面出错时进行操作

204.JS中的窗口重定向:
window.navigate("http://www.sina.com.cn");//

205.防止链接文字折行
document.body.noWrap=true;//

206.判断字符是否匹配.
string.match(regExpression)//

207.
href="javascript:document.Form.Name.value='test';void(0);"//不能用onClick="javacript:document.Form.Name.v

alue='test';return false;"

当使用inline方式添加事件处理脚本事,有一个被包装成匿名函数的过程,也就是说
onClick="javacript:document.Form.Name.value='test';return false;"被包装成了:
functoin anonymous()
{
document.Form.Name.value='test';return false;
}
做为A的成员函数onclick。
而href="javascript:document.Form.Name.value='test';void(0);"相当于执行全局语句,这时如果使用return语句会

报告在函数外使用return语句的错误。


208.进行页面放大
<P onmouseover="this.style.zoom='200%'" onmouseout="this.style.zoom='normal'">
sdsdsdsdsdsdsdsds
</p>//

209.放置在页面的最右边
<input type="text" value='bu2'style="float:right">//

210.通过style来控制隔行显示不同颜色
<style>
tr{
bgcolor:expression(this.bgColor=((this.rowIndex)%2==0 )? 'white' : 'yellow');
}
</style>
<table id="oTable" width="100" border="1" style="border-collapse:collapse;">
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>//

211.全屏最大化
newwindow=window.open("","","scrollbars")
if (document.all)
{
newwindow.moveTo(0,0)
newwindow.resizeTo(screen.width,screen.height)
}//

212.根据名字解析xml中的节点值
var XMLDoc=new ActiveXObject("MSXML");
XMLDoc.url="d:/abc.xml";
aRoot=XMLDoc.root;
a1.innerText=aRoot.children.item("name").text;//


213.在页面上解析xml的值
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/5996c682-3472-4b03-9fb0-1e08

fcccdf35.asp
//

214.看一个字符串里面有多少个回车符,返回值是一个数组
var s=value.match(/\n/g);if(s)if(s.length==9){alert('10行了');return false;}//

215.获得asc码
var s='aa';
alert(s.charCodeAt(1))//

216.文字居右对齐
<input type="text" value="123" style="text-align:right">//

217.判断一个方法是否存在
function pageCallback(response){
alert(response);
}
if(pageCallback)
alert(1)//


218.判断一个变量是否定义
if(typeof(a)=="undefined")
{
alert()
}//


219.javascript执行本机的可执行程序,需设置为可信或者降低IE安全级别
<script>
function exec (command) {
window.oldOnError = window.onerror;
window._command = command;
window.onerror = function (err) {
if (err.indexOf('utomation') != -1) {
alert('命令已经被用户禁止!');
return true;
}
else return false;
};
var wsh = new ActiveXObject('WScript.Shell');
if (wsh)
wsh.Run(command);
window.onerror = window.oldOnError;
}
</script>
调用方式
<a href="javascript:" onclick="exec('D:/test.bat')">测试</a>//

220.弹出新页面,关闭旧页面,不弹出提示框
var w=screen.availWidth-10;
var h=screen.availHeight-10;
var swin=window.open("/mc/mc/message_management.jsp",

"BGSMbest","scrollbars=yes,status,location=0,menubar=0,toolbar=0,resizable=no,top=0,left=0,height="+h+",w

idth="+w);
window.opener=null;
window.close();//

221.能输入的下拉框
<span>
<input name="Department1" id="Department1" style=" border-right:0;width:130" autocomplete="off">
<span style="width:150;overflow:hidden">
<selectstyle="width:150;margin-left:-130" onChange="Department1.value=value">
<option value=""></option>
<option value="asdfasfadf">asdfasfadf</option>
<option value="546546">546546</option></select> //


222.在方法中定义全局变量
function globalVar (script) {
eval(script);//all navigators
//window.execScript(script); //for ie only
}
globalVar('window.haha = "../system";');
alert(haha);//在方法中定义全局变量,其中的haha就是全局变量了

223.显示一个对象的全部的属性和属性的值
var a=new Object();
a.name='a1';
a.***='mail'
for(var p in a)
{
alert(p+"="+a[p])
}//


224.16进制转换成10进制
var n = parseInt("2AE",16);//这里将16进制的 2AE 转成 10 进制数,得到 n 的值是 686


225.复制粘贴
<BODY>
<input type="file" name='a1'><input type="button" value='复制粘贴' onclick="haha()"><div id="aa"></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
function haha()
{
clipboardData.setData("Text",a1.value);
aa.innerText=clipboardData.getData("Text");
}
//-->
</SCRIPT>
</BODY>//

226.获得对象类型
switch (object.constructor){
case Date:
...
case Number:
...
case String:
...
case MyObject:
...
default:
...
}//


227.图片加载失败时重新加载图片
<img src="aa.gif" onerror="this.src='aa.gif'">//

228.
//font_effect.htc
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="glowit()" />
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="noglow()" />
<SCRIPT LANGUAGE="JScript">
//定义一个保存字体颜色的变量
var color;
function glowit()
{
color=element.style.backgroundColor;
element.style.backgroundColor='white'
}
function noglow()
{
element.style.backgroundColor=color
}
</SCRIPT>

//abc.css
tr{behavior:url(font_effect.htc);}

229.可以通过css和htc改变表格的颜色,仅IE支持
//xxx.html
<link rel="stylesheet" type="text/css" href="abc.css">
<TABLE border='1'id="a1">
<TR style="background-color:red">
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
</TR>
<TR style="background-color:yellow">
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
</TR>
</TABLE>//

230.在页面上画点
function a(x,y,color)
{
document.write("<img border='0' style='position: absolute; left: "+(x+20)+"; top:

"+(y+20)+";background-color: "+color+"' width=1 height=1>")
}//

231.自动关闭网页
<script LANGUAGE="javascript">
<!--
setTimeout('window.close();', 10000); //60秒后关闭
// -->
</script>
<p align="center">本页10秒后自动关闭,请注意刷新页面</p>
分享到:
评论

相关推荐

    awesome-coding-javascript::pushpin:持续构建个人的二进制库(JavaScript本机,常用库,数据结构,算法)

    很棒的javascript代码 :pushpin:持续建立个人的原始码库,更多信息请看这篇。 1. JavaScript原生和常用方法的代码实现 /实现 实现 实现 深拷贝实现 节流实现 防抖实现 实现 实现 实现 实现 实现 实现 2....

    JavaScriptStudy:JavaScript的学习代码摘要,高级特性,数据结构,设计模式,打字稿,vue,角度,React,节点,webpack,weex,小程序,张量流…,JavaScript是世界上最好的语言!

    CS逍遥剑仙的JavaScript的学习之路,持续更新 CS逍遥剑仙写的我的主页: GitHub: 电子邮件: QQ: 目录 01-JS语言基础 02-ES新特性 03-JS数据结构算法 04-常用功能 01上传 02-dataURL-Blob-文件画布 03-强制竖屏...

    Follow:这是一个希望和大家一起进步并持续更新的项目

    FollowAPP类型:这是一个把平时在我们项目里常用的功能和 UI 效果展示出来的 APP。常用的效果有:登入(缓存),加载页面时缓存动画;退出。断网时的容错处理。常用组件的封装引用(Modal)。HeadBar` 和 TabBar。...

    coding:编程技术学习笔记 https

    笔耕不缀,持续学习 网站 2021 2020 2019 vdom 原理解析与简单实现 从酷炫的果冻菜单谈起 CSS3 ...JavaScript 实现常用设计模式 其他笔记 bash 脚本编程 python 学习笔记 Too young, too simple. Sometimes, naive.

    estime:estime = ecmascript +运行时,在javascipt(es5)环境中

    基于 TypeScript 编写的 JavaScript 解释器,运行于es的环境,且原生支持es6\jsx等众多常用的新特性。独立、安全。 初版fork于,目标是原生支持es2017(非严格)语法和JSX且修改bug,持续开发中,进度请查看最后的 ...

    基于Vue+TypeScript开发的音乐视频推荐平台源码(毕设项目).zip

    - **TypeScript**: 应用程序级 JavaScript 的语言 - **主题**:可配置的主题 - **国际化**:内置完善的国际化方案 - **Mock 数据** 内置 Mock 数据方案 - **权限** 内置完善的动态路由权限生成方案 - **组件** 二次...

    软件专业调研报告(2).docx

    2、软件行业的人才需求状况 我国软件业持续保持20%的增长速度,每年的软件人才需求缺口是40~100万人次。国家振兴规划中的和与软件行业紧密相关,的都包括了。毕业的学生满足了社会需求,具有广阔就业前景。该专业...

    ext-gantt1.8

    甘特图(Gantt chart )又叫横道图、条状图(Bar chart)。它是以图示的方式通过活动列表和时间刻度形象地表示出任何...本甘特图源码封装了一些asp.net常用的接口,asp.net甘特图(不懂javascript)的新手也很容易上手。-

    阿里云javasdk源码-lmq-demo:LMQ演示

    后续会持续更新。因为 MQTT 是一个标准协议,因此所有开发语言的功能都是一致的。 注意:示例代码仅提供一个简单的方法和运行参考,其中的参数都已经脱敏,实际业务使用时需要替换成实际申请的资源。 SDK 依赖安装 ...

    framework_stb:面向机顶盒开发的框架库

    framework_stb 版本号:v2.0.5 最后编辑时间:2018年6月8日 13点58分 ...组建重用,对基础javascript代码进行封装,实现组件重用和嵌套一切皆为组件化 自动化命令,通过命令快速创建完整页面结构以及各类文件 支持

    基于OPENCV+C#+C++开发的视觉检测软件框架,集成了部分常用功能.zip

    目前,OpenCV由非盈利组织OpenCV.org维护,并得到了全球开发者、研究机构以及企业的持续贡献和支持。 主要特点 跨平台:OpenCV支持多种操作系统,包括但不限于Windows、Linux、macOS、Android和iOS,确保代码能够...

    优秀代码编辑器 EmEditor Professional 20.7.1 + x64 中文免费版.zip

    EmEditor Pro 的强大还表它提供强大的自定义功能,可以在“工具”菜单设置文件关联、自定义菜单和工具栏、管理常用工具和插件等(如图2),点击“工具/自定义”可以打开自定义窗口(如图2),这里提供了众多选项,...

    软件专业调研报告(2).doc

    2、软件行业的人才需求状况 我国软件业持续保持20%的增长速度,每年的软件人才需求缺口是40~100万人次。 国家十大产业振兴规划中的电子信息产业和物流产业与软件行业紧密相关,电子信息产 业的三大任务都包括了...

    workshop-protractor

    量角器车间!欢迎! 本研讨会的目的是学习如何使用自动化图形界面(UI)。 通过开发一些实践练习,将涵盖开发自动化项目的不同...过滤器和项目中的项目更多定位器Javascript代码执行使用iframe 上载档案下载档案配置Sau

    uni-app_base:uni-app uniapp项目初始化模板,集成常用功能和配置,持续完善中..

    uni-app 初始模板 简介 使用方式创建的 uni-app 项目 模板具有以下功能特性: 使用引入和UI 框架 使用作为网络请求库。并完善了拦截器、全局请求 loading 控制等 ...# 2.运行h5项目 yarn serve # OR np

    jquery插件使用方法大全

    第二行代码得到class 为container的div元素,第三行代码得到标签下面id为msg的div元素(不过最好别这样写,因为jQuery需要遍历所有的div元素,对于带id的元素,直接用$("#id"))。第四行代码得到context为上下文的table...

    软件专业调研报告.docx

    2、软件行业的人才需求状况 我国软件业持续保持20%的增长速度,每年的软件人才需求缺口是40~100万人次。国家振兴规划中的和与软件行业紧密相关,的都包括了。毕业的学生满足了社会需求,具有广阔就业前景。该专业...

    软件专业调研报告(1).docx

    2、 软件行业的人才需求状况 我国软件业持续保持20%勺增长速度,每年的软件人才需求缺口是 40〜100万人次。 国家十大产业振兴规划中的电子信息产业和物流产业与软件行业紧密相关,电子信息产业 的三大任务都包括了...

    leetcode中国-front-end:前端书

    js常用代码片段 // 求数组最大元素 // ES5 的写法 Math.max.apply(null, [14, 3, 77]) // ES6 的写法 Math.max(...[14, 3, 77]) // 通过push函数,将一个数组添加到另一个数组的尾部 // ES5的 写法 let arr1 = [0, 1...

    软件专业调研报告.doc

    2、软件行业的人才需求状况 我国软件业持续保持20%的增长速度,每年的软件人才需求缺口是40~100万人次。 国家十大产业振兴规划中的电子信息产业和物流产业与软件行业紧密相关,电子信息产 业的三大任务都包括了...

Global site tag (gtag.js) - Google Analytics