微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

js代码怎么用?js代码大全使用方法

js代码怎么用?今天小编将给大家认识下一些常用的js代码,以及js代码的详细使用方法。对于刚入门的你来说能起到不少的帮助,大家一起和小编往下看吧。

首先小编给大家介绍下常用的js代码

事件源对象

event.srcElement.tagName

event.srcElement.type

捕获释放

event.srcElement.setCapture();

event.srcElement.releaseCapture();

事件按键

event.keyCode

event.shiftKey

event.altKey

event.ctrlKey

事件返回值

event.returnValue

鼠标位置

event.x

event.y

窗体活动元素

document.activeElement

绑定事件

document.captureEvents(Event.KEYDOWN);

访问窗体元素

document.all(txt).focus();

document.all(txt).select();

窗体命令

document.execCommand

窗体COOKIE

document.cookie

菜单事件

document.oncontextmenu

创建元素

document.createElement(SPAN);

根据鼠标获得元素:

document.elementFromPoint(event.x,event.y).tagName==TD

document.elementFromPoint(event.x,event.y).appendChild(ms)

窗体图片

document.images[索引]

窗体事件绑定

document.onmousedown=scrollwindow;

元素

document.窗体.elements[索引]

对象绑定事件

document.all.xxx.detachEvent(‘onclick‘,a);

插件数目

navigator.plugins

取变量类型

typeof($js_libpath) == undefined

下拉框

下拉框.options[索引]

下拉框.options.length

查找对象

document.getElementsByName(r1);

document.getElementById(id);

定时

timer=setInterval(‘scrollwindow()‘,delay);

clearInterval(timer);

UNCODE编码

escape(),unescape

父对象

obj.parentElement(dhtml)

obj.parentNode(dom)

交换表的行

TableID.moveRow(2,1)

替换CSS

document.all.csss.href = a.css;

并排显示

display:inline

隐藏焦点

hidefocus=true

根据宽度换行

word-break:break-all

自动刷新

<Meta HTTP-EQUIV=refresh C>

简单邮件

<a href=[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]>

快速转到位置

obj.scrollIntoView(true)

<a name=first>

<a href=#first>anchors</a>

网页传递参数

location.search();

可编辑

obj.contenteditable=true

执行菜单命令

obj.execCommand

双字节字符

/[^/x00-/xff]/

汉字

/[/u4e00-/u9fa5]/

让英文字符串超出表格宽度自动换行

word-wrap: break-word; word-break: break-all;

透明背景

<IFRAME src=1.htm width=300 height=180 allowtransparency></iframe>

获得style内容

obj.style.csstext

HTML标签

document.documentElement.innerHTML

一个style标签

document.styleSheets[0]

style标签里的第一个样式

document.styleSheets[0].rules[0]

防止点击空链接时,页面往往重置到页首端。

<a href=javascript:function()>word</a>

上一网页源

asp:

request.servervariables(HTTP_REFERER)

javascript:

document.referrer

释放内存

CollectGarbage();

禁止右键

document.oncontextmenu = function() { return false;}

禁止保存

<noscript><iframe src=*.htm></iframe></noscript>

禁止选取<body Shortcut Icon href=favicon.ico>

favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下

收藏栏图标

<link rel=Bookmark href=favicon.ico>

查看源码

<input type=button value=查看网页源代码 >

关闭输入法

<input ime-mode:disabled>

自动全选

<input type=text name=text1 value=123 >

ENTER键可以让光标移到下一个输入框

<input >

文本框的认值

<input type=text value=123 >

title换行

obj.title = 123 sdfs

获得时间所代表的微秒

var n1 = new Date(2004-10-10.replace(/-/g,//)).getTime()

窗口是否关闭

win.closed

checkBox扁平

<input type=checkBox position: absolute; clip:rect(5px 15px 15px 5px)><br>

获取选中内容

document.selection.createrange().duplicate().text

自动完成功能

<input type=text autocomplete=on>打开该功能

<input type=text autocomplete=off>关闭功能

窗口最大化

<body >

关闭按钮

IE window.open(aa.htm,meizz,fullscreen=7);

统一编码/解码

alert(decodeURIComponent(encodeURIComponent(http://你好.com?as= hehe)))

encodeURIComponent对:、/、; 和 ?也编码

下面小编给大家分享下js代码使用方法

1、新建个记事本,打开记事本在里面输入下面代码

<%@ page language=java contentType=text/html;charset=UTF-8 %>

<%@ taglib prefix=s uri=/struts-tags %>

<html>

<head>

<title>你的标题</title>

</head>

<body>

</body>

</html>

2、把你上面的按步骤加到相应的地方,如下

<%@ page language=java contentType=text/html;charset=UTF-8%>

<%@ taglib prefix=s uri=/struts-tags%>

<html>

<head>

<title>Hello World</title>

<STYLE>

.spanstyle {

COLOR: #0066ff;

FONT-FAMILY: 隶书;

FONT-SIZE: 14pt;

FONT-WEIGHT: normal;

POSITION: absolute;

TOP: -50px;

VISIBILITY: visible

}

</STYLE>

</head>

<body bgcolor=#fef4d9 onload=javascript:pageonload()>

<SCRIPT language=javascript>

var message=欢 迎 光 临 javascript 精 彩 世 界 !;

var x,y;

var step=12;

var flag=0;

message=message.split();

var xpos=new Array();

for (i=0;i<=message.length-1;i++) {

xpos[i]=-50;

}

var ypos=new Array();

for (i=0;i<=message.length-1;i++) {

ypos[i]=-50;

}

function handlerMM(e) {

x = (document.layers) ? e.pageX :

document.body.scrollLeft+event.clientX+10;

y = (document.layers) ? e.pageY :

document.body.scrollTop+event.clientY;

flag=1;

}

function makesnake() {

if (flag==1 && document.all) {

for (i=message.length-1; i>=1; i--) {

xpos[i]=xpos[i-1]+step;

ypos[i]=ypos[i-1];

}

xpos[0]=x+step;

ypos[0]=y;

for (i=0; i<=message.length-1; i++) {

var thisspan = eval(span+(i)+.style);

thisspan.posLeft=xpos[i];

thisspan.posTop=ypos[i];

thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() *

255 * 255 + Math.random() * 255;

}

}

else if (flag==1 && document.layers) {

for (i=message.length-1; i>=1; i--) {

xpos[i]=xpos[i-1]+step;

ypos[i]=ypos[i-1];

}

xpos[0]=x+step;

ypos[0]=y;

for (i=0; i<message.length-1; i++) {

var thisspan = eval(document.span+i);

thisspan.left=xpos[i];

thisspan.top=ypos[i];

thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() *

255 * 255 + Math.random() * 255;

}

}

}

</SCRIPT>

<SCRIPT language=javascript>

for (i=0;i<=message.length-1;i++) {

document.write(<span id='span+i+' class='spanstyle'>);

document.write(message[i]);

document.write(</span>);

}

if (document.layers) {

document.captureEvents(Event.MOUSEMOVE);

}

document.onmousemove = handlerMM;

</SCRIPT>

<SCRIPT language=javascript>

function pageonload() {

makesnake();

window.setTimeout(pageonload();,2);

}

</SCRIPT>

</body>

</html>

2、点击文件--另存为,将保存类型改成.html,输入任意一个文件名,点击保存;

3、双击打开刚保存的html就可以看到内容

不过,如果你想做网站,还是下个DW或者MyEclipse

以上便是小编给大家介绍的关于js代码的使用方法1

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐