当前位置：主页 > 雨林木风Win10文章资讯 > >js代码如何使用|js代码怎么使用的方法大全

js代码如何使用|js代码怎么使用的方法大全

时间:2018-05-27 作者:雨林木风Win10系统来源: www.ylmfwin100.com

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

根据宽度换行

style="word-break:break-all"

自动刷新

简单邮件

快速转到位置

obj.scrollIntoView(true)

锚

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

网页传递参数

location.search();

可编辑

obj.contenteditable=true

执行菜单命令

obj.execCommand

双字节字符

/[^/x00-/xff]/

汉字

/[/u4e00-/u9fa5]/

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

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

透明背景

获得style内容

obj.style.cssText

HTML标签

document.documentElement.innerHTML

第一个style标签

document.styleSheets[0]

style标签里的第一个样式

document.styleSheets[0].rules[0]

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

上一网页源

asp:

request.servervariables("HTTP_REFERER")

javascript：

document.referrer

释放内存

CollectGarbage();

禁止右键

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

禁止保存

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

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

收藏栏图标

查看源码

关闭输入法

自动全选

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

文本框的默认值

title换行

obj.title = "123 sdfs "

获得时间所代表的微秒

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

窗口是否关闭

win.closed

checkbox扁平

获取选中内容

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>

</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>

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>

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>

function pageonload() {

makesnake();

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

}

</SCRIPT>

</body>

</html>

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

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

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

上一篇：goodreader怎么使用|goodreader中文版使用详细图文方法
下一篇：手机版微信怎么退出群聊？微信退出群聊的教程

雨林木风WIN10系统

雨林木风系统下载榜

雨林木风Ghost Win10 X64位全新专业版 V202104(自动激活)

雨林木风Ghost Win10x86 稳定专业版 v202104(无需激活)

雨林木风 Win10(2004) v2021.01 32位专业版

雨林木风 Win10 (2004) v2021.01 64位专业版

雨林木风Ghost Win10 x64 官方专业版 v2021年03月(无需激活)

雨林木风Ghost Win10x86 电脑城专业版 2021v05(无需激活)

雨林木风Windows10 极速2021新年春节版32位

雨林木风Ghost Win10 X64 家庭专业版 V2021.02月(永久激活)

js代码如何使用|js代码怎么使用的方法大全

相关文章

雨林木风WIN10系统

雨林木风系统下载榜

雨林木风系统教程