随笔 - 566  文章 - 2  评论 - 77  阅读 - 117万

随笔分类 -  JavaCcript

1
javascript 动态改变onclick函数
摘要：一View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf- 阅读全文
posted @ 2011-08-04 16:48 wtq 阅读(633) 评论(0) 推荐(0) 编辑
利用jquery复制表格
摘要：利用jquery进行复制表格代码如下：思路很简单：View Code<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content=" 阅读全文
posted @ 2011-05-10 00:16 wtq 阅读(3166) 评论(0) 推荐(0) 编辑
使用原生的javascript进行字符的四则运算。
摘要：先讲解原理：利用数据结构的堆栈原理实现字符串的四则运算。 目前测试出来，暂时还不支持负数。以下就是代码：1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2<htmlxmlns="http://www.w3.org/1999/xhtml">3<head>4<metahttp-equiv="Content-T 阅读全文
posted @ 2011-04-12 23:22 wtq 阅读(865) 评论(0) 推荐(0) 编辑
鼠标事件的抓取
摘要：1.通过ele.setCapture();设置鼠标事件的抓取。2，应用可以通过单、双击文字来获取时间。代码如下：<html> <head><title>鼠标事件的抓取</title><script language="JavaScript">// 鼠标事件的抓取function mouseCapture(){ ele.setCapture... 阅读全文
posted @ 2010-04-21 16:41 wtq 阅读(385) 评论(0) 推荐(0) 编辑
气泡事件系统
摘要：气泡事件系统属于一种阶层架构的事件处理系统，即触发子标签也会触发父标签。<html><head> <title>气泡事件系统</title></head><body onclick="alert('<body>');"><h2>气泡事件系统</h2><hr><form na... 阅读全文
posted @ 2010-04-21 16:31 wtq 阅读(251) 评论(0) 推荐(0) 编辑
取消事件的处理
摘要：1，应用，动态设置事件是否激发代码：<html> <head><title>取消事件处理</title><script language="JavaScript">// 事件处理程序function showAlert(){ alert("测试取消事件处理!");}// 取消事件function cancelEvent(){ docume... 阅读全文
posted @ 2010-04-21 16:24 wtq 阅读(266) 评论(0) 推荐(0) 编辑
Window和Document对象的事件
摘要：1，新特点，单击文档，自动弹出一个对话框，代码如下：<html><head> <title>Window和Document对象的事件</title><script language="JavaScript">// 事件处理程序function showAlert(){ alert("测试Window和Document对象的事件!");}/... 阅读全文
posted @ 2010-04-21 16:20 wtq 阅读(394) 评论(0) 推荐(0) 编辑
动态样式CSS-动态样式的字型与色彩。
摘要：1，要点：先获得标签对象，再通过sytle对其属性进行设置2，主要创新：改变页面的背景颜色：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.... 阅读全文
posted @ 2010-04-21 16:03 wtq 阅读(468) 评论(0) 推荐(0) 编辑
HTML标签的尺寸与位置
摘要：<html><head> <title>访问HTML元素的位置和尺寸</title><script language="JavaScript">function showPosition(){ alert("left:" + myP.offsetLeft + " top:" +myP.offsetTop);}function showSi... 阅读全文
posted @ 2010-04-21 15:15 wtq 阅读(4415) 评论(0) 推荐(0) 编辑
访问HTML标签的属性1
摘要：<html> <head><title>访问HTML标签的属性</title><script language="JavaScript">function setAlign(strAlign){ myP.align = strAlign;}function getAlign(){ alert(document.all.tags("P").... 阅读全文
posted @ 2010-04-21 15:10 wtq 阅读(257) 评论(0) 推荐(0) 编辑
访问HTML标签的内容
摘要：<html> <head><title>访问HTML元素的内容</title><script language="JavaScript">function changeText(){ myH2.innerText = "更改文字内容";}function changeHTML(){ myH2.innerHTML = "<marque... 阅读全文
posted @ 2010-04-21 15:06 wtq 阅读(312) 评论(0) 推荐(0) 编辑
HTMl文件的阶层架构 访问父元素和子元素
摘要：<html> <head><title>访问父元素和子元素</title><script language="JavaScript">function showParentTag(){ alert(myP.parentElement.tagName); }function showChildsTag(){ var strTags = ""... 阅读全文
posted @ 2010-04-21 14:58 wtq 阅读(2394) 评论(0) 推荐(0) 编辑
获取HTMl文件制定的元素
摘要：<html> <head><title>获取HTML文件的指定元素</title><script language="JavaScript">function getElement1(){ alert(document.all("myH2").tagName);}function getElement2(){ alert(myH2.tag... 阅读全文
posted @ 2010-04-21 14:56 wtq 阅读(312) 评论(0) 推荐(0) 编辑
显示HTML文件的所有元素
摘要：<html> <head><title>获取HTML文件的元素</title><script language="JavaScript">function showElements(){ var strTags = ""; for(var i=0; i<document.all.length; i++){ objEle = docu... 阅读全文
posted @ 2010-04-21 14:51 wtq 阅读(249) 评论(0) 推荐(0) 编辑
动态改变绝对位置
摘要：前台代码：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xh... 阅读全文
posted @ 2010-04-21 13:11 wtq 阅读(238) 评论(0) 推荐(0) 编辑
window内置对像showModelessDialog（）
摘要：1，关键技巧，通过showModelessDialog(url,argument,features);中的argument来传递参数，通过window.dialogArguments获取传递进来的参数 2.应用领域：需要通过单击，来显示一个对话框，也可以是小小的展示效果如音乐播放器 ，时钟，等等。 具体代码如下： 在showDialog页面中 代码 Code highlighting produc... 阅读全文
posted @ 2010-04-19 22:45 wtq 阅读(437) 评论(1) 推荐(1) 编辑
window.open 打开全屏窗口
摘要：1，利用winID = window.open(url,name,features,replace); 中的features中的属性来使新窗口全屏化2，应用领域，需要全屏显示网页的页面。代码如下：代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--1... 阅读全文
posted @ 2010-04-19 17:45 wtq 阅读(5468) 评论(0) 推荐(0) 编辑
父窗口控制子窗口的行为-打开，关闭，重定位，回复
摘要：1，技术要点可以利用windows的open和closed来对子窗口的控制应用领域：需要父窗口和子窗口之间进行互动。代码如下：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXH... 阅读全文
posted @ 2010-04-19 17:01 wtq 阅读(523) 评论(0) 推荐(0) 编辑
JS 横幅广告
摘要：，使用横幅广告来实现页面的不同显示方式。即每一次登入时，将显示不同的页面效果：如图：后台代码如下:代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transit... 阅读全文
posted @ 2010-04-15 10:48 wtq 阅读(2581) 评论(0) 推荐(2) 编辑
JS 显示时钟
摘要：1，只用JavaScript显示时钟图：如下：后台代码如下：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--1设置显示一个时间2；3代码如下：456<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transiti... 阅读全文
posted @ 2010-04-15 10:43 wtq 阅读(644) 评论(0) 推荐(0) 编辑

1
< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

Powered by: 博客园 Copyright © 2025 wtq
Powered by .NET 9.0 on Kubernetes
点击右上角即可分享
微信分享提示