hereson
- 浏览: 1450996 次
- 性别:
- 来自: 苏州
-
文章分类
- 全部博客 (564)
- 算法 (7)
- 流金岁月 (1)
- Javascript (30)
- actionscript (108)
- as3.0 game (14)
- flex (84)
- fms2 (27)
- 正则表达式 (7)
- 开源组件代码(as3.0) (1)
- Pv3d (13)
- Cairngorm (4)
- vbs (54)
- VB程序设计 (26)
- 计算机应用与维护 (4)
- 职场实用穿衣技巧 (3)
- 历史风云 (15)
- 淡泊明志,宁静致远 (12)
- 情感 (26)
- 杂谈 (41)
- 越南风 (14)
- DirectX (9)
- Dev-cpp (11)
- 回望百年 (2)
- 建站经验 (2)
- Python (24)
- 网络赚钱 (4)
- php (2)
- html (1)
- ob0短址网 (1)
- ob0.cn (1)
- wordpress (1)
- pandas logistic (1)
- haxe (1)
- opencv (1)
- 微信小程序 (3)
- vue (3)
- Flutter (1)
最新评论
-
GGGGeek：
第一个函数滚动监听不起作用，onPageScroll可以
微信小程序--搜索框滚动到顶部时悬浮 -
naomibyron：
解决办法：工具 -> 编译选项 -> 编译器 ...
dev-c++中编译含WINSOCK的代码出现错误的解决方法 -
haichuan11：
这个…… 代码不全真的是让人很憋屈的感觉啊
actionScript 3.0 图片裁剪及旋转 -
chenyw101：
老兄能留个QQ号吗？具体的我有些东西想请教下你
用VB制作网站登陆器 -
yantao1943：
貌似有点问题，只派发一次事件啊
使用ActionScript 2.0或ActionScript 3.0处理音频文件的提示点（cue
//各种尺寸
//正则匹配
s += "\r\n网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域高："+ document.body.offsetWeight +" (包括边线的宽)";
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网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域高："+ document.body.offsetWeight +" (包括边线的宽)";
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;
//过滤数字
<input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false">
//特殊用途
<input type=button value=导入收藏夹 onclick="window.external.ImportExportFavorites(true,'http://localhost');">
<input type=button value=导出收藏夹 onclick="window.external.ImportExportFavorites(false,'http://localhost');">
<input type=button value=整理收藏夹 onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)">
<input type=button value=语言设置 onclick="window.external.ShowBrowserUI('LanguageDialog', null)">
<input type=button value=加入收藏夹 onclick="window.external.AddFavorite('http://www.google.com/', 'google')">
<input type=button value=加入到频道 onclick="window.external.addChannel('http://www.google.com/')">
<input type=button value=加入到频道 onclick="window.external.showBrowserUI('PrivacySettings',null)">
<input type=button value=导出收藏夹 onclick="window.external.ImportExportFavorites(false,'http://localhost');">
<input type=button value=整理收藏夹 onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)">
<input type=button value=语言设置 onclick="window.external.ShowBrowserUI('LanguageDialog', null)">
<input type=button value=加入收藏夹 onclick="window.external.AddFavorite('http://www.google.com/', 'google')">
<input type=button value=加入到频道 onclick="window.external.addChannel('http://www.google.com/')">
<input type=button value=加入到频道 onclick="window.external.showBrowserUI('PrivacySettings',null)">
//不缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">
//正则匹配
匹配中文字符的正则表达式： [\u4e00-\u9fa5]
匹配双字节字符(包括汉字在内)：[^\x00-\xff]
匹配空行的正则表达式：\n[\s| ]*\r
匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/
匹配首尾空格的正则表达式：(^\s*)|(\s*$)（像vbscript那样的trim函数）
匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
以下是例子：
利用正则表达式限制网页表单里的文本框输入内容：
用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
1.用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
2.用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
3.用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
匹配双字节字符(包括汉字在内)：[^\x00-\xff]
匹配空行的正则表达式：\n[\s| ]*\r
匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/
匹配首尾空格的正则表达式：(^\s*)|(\s*$)（像vbscript那样的trim函数）
匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
以下是例子：
利用正则表达式限制网页表单里的文本框输入内容：
用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
1.用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
2.用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
3.用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
//消除图像工具栏
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">
or
<head>
<meta http-equiv="imagetoolbar" content="no">
</head>
or
<head>
<meta http-equiv="imagetoolbar" content="no">
</head>
//无提示关闭
function Close()
{
var ua=navigator.userAgent
var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
if(ie)
{
var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))
if(IEversion< 5.5)
{
var str = '<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
str += '<param name="Command" value="Close"></object>';
document.body.insertAdjacentHTML("beforeEnd", str);
document.all.noTipClose.Click();
}
else
{
window.opener =null;
window.close();
}
}
else
{
window.close()
}
}
{
var ua=navigator.userAgent
var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
if(ie)
{
var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))
if(IEversion< 5.5)
{
var str = '<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
str += '<param name="Command" value="Close"></object>';
document.body.insertAdjacentHTML("beforeEnd", str);
document.all.noTipClose.Click();
}
else
{
window.opener =null;
window.close();
}
}
else
{
window.close()
}
}
//取得控件得绝对位置(1)
<script language="javascript">
function getoffset(e)
{
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
{
t+=e.offsetTop;
l+=e.offsetLeft;
}
var rec = new Array(1);
rec[0] = t;
rec[1] = l;
return rec
}
</script>
function getoffset(e)
{
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
{
t+=e.offsetTop;
l+=e.offsetLeft;
}
var rec = new Array(1);
rec[0] = t;
rec[1] = l;
return rec
}
</script>
//获得控件的绝对位置(2)
oRect = obj.getBoundingClientRect();
oRect.left
oRect.
oRect.left
oRect.
//最小化,最大化,关闭
<object id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT>
<input type=button value=最小化 onclick=min.Click()>
<input type=button value=最大化 onclick=max.Click()>
<input type=button value=关闭 onclick=close.Click()>
<param name="Command" value="Minimize"></object>
<object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT>
<input type=button value=最小化 onclick=min.Click()>
<input type=button value=最大化 onclick=max.Click()>
<input type=button value=关闭 onclick=close.Click()>
//光标停在文字最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">
//页面进入和退出的特效
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使
用哪种特效，取值为1-23:
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使
用哪种特效，取值为1-23:
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23
分享到：
发表评论
-
微信小程序--搜索框滚动到顶部时悬浮
2018-12-06 14:44 3179<scroll-view style="w ... -
绘制音乐的频谱图（使用Analyser节点）（转）
2018-11-19 15:19 1299<canvas id="canvas&quo ... -
nw 使用手记，用js 写桌面程序
2018-11-08 09:37 482安装 node.js , 将npm 添加至系统 ... -
解除网页右键限制和开启网页编辑状态的js代码
2018-04-04 04:23 1931当访问页面右键被限制了怎么办？ 很好办！将以下代码添加进收 ... -
关于Cocos2dx-JS在iOS8以上系统调用OpenGL进入后台时崩溃的解决办法
2015-11-02 08:48 4568这次发布新版本后没有预料到的crash是下面这些，并且在遇到 ... -
datatables官方例子(demo)
2014-03-17 17:34 26497http://datatables.net/release ... -
在新窗口打开一个链接
2013-06-01 23:19 763<html> <body> ... -
2345赚外快
2012-07-17 10:15 7各位电脑同行们，电脑爱好者们： 你手上有充足的客户资源么 ... -
asp
2010-02-25 13:41 975<% set rs=serve ... -
Java和flash通信中数据的AMF3封装
2009-03-20 19:39 2716Flash加载外部http数据有很多封装方式，常用的数据封装格 ... -
Div+CSS布局入门教程——页面制作-用好border和clear
2008-09-11 13:05 1421这一节里面，主要就是 ... -
Div+CSS布局入门教程——页面布局与规划
2008-09-11 13:03 1495在网页制作中，有许多的术语，例如：CSS、HTML、DHTML ... -
Div+CSS布局入门教程——写入整体层结构与CSS
2008-09-11 13:02 1244接下来我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习 ... -
Div+CSS布局入门教程——页面顶部制作
2008-09-11 13:02 1246当我们写好了页面大致的DIV结构后，我们就可以开始 ... -
javascript小技巧<七>
2008-08-31 13:13 1069//插入文字 document.onclick =functi ... -
javascript小技巧<六>
2008-08-31 13:07 1177小技巧//设置光标位置 function getCaret( ... -
javascript小技巧<五>
2008-08-31 12:59 1249//下载文件 function DownURL(strRemo ... -
javascript小技巧<四>
2008-08-31 12:51 944//屏蔽按键 <html><head&g ... -
javascript小技巧<三>
2008-08-31 12:44 1021//网页是否被检索 <meta name="R ... -
javascript小技巧<一>
2008-08-31 12:28 1004事件源对象event.srcElement.tagNameev ...
相关推荐
总结起来，这个练习旨在通过HTML的`<div>`标签，配合CSS的布局技巧和JavaScript的交互功能，提高开发者对前端排版的理解和实践能力。通过这个练习，开发者不仅能掌握基础的网页布局技巧，还能进一步熟悉动态页面的...
字体和样式标签如`<STRONG>`和`<B>`用于加粗文本，`<EM>`和`<I>`用于斜体，`<TT>`呈现等宽字体，`<U>`添加下划线，`<H1>`到`<H6>`定义不同级别的标题，`<FONT>`设定字体、大小和颜色（但现在不推荐使用），`<BIG>`和...
1.JavaScript的数值处理对象学习 .txt<br>2.JavaScript的系统函数学习 .txt<br>3.js中用于对象的语句——with和for...in语句学习专题.txt<br>4.smallSoftkey小软键盘，...正则表达式.txt<br>9.55种网页常用小技巧 .txt
GridView实用技巧集锦：<br>1 GridView无代码分页排序<br>2 GridView选中，编辑，取消，删除<br>3 GridView正反双向排序<br>4 GridView和下拉菜单DropDownList结合<br>5 GridView和CheckBox结合<br>6鼠标移到...
根据提供的文件内容，我们可以总结出以下几个JavaScript小技巧及相关知识点： ### 1. 引入外部JavaScript文件 在HTML文档中，可以通过`<script>`标签引入外部JavaScript文件来执行脚本代码。例如： ```html ...
此方法不仅适用于开发者快速预览和调试页面结构，对于学习前端技术的新手而言也是一个非常实用的小技巧。 #### JavaScript与HTML源码 在Web开发中，HTML（HyperText Markup Language）是用于创建网页的标准标记...
4. **音乐播放**：源码可能会使用HTML5的`<audio>`标签来播放背景音乐，用户可以通过JavaScript来控制音乐的播放、暂停、音量等。为了兼容不同的浏览器，可能还需要引入像`howler.js`这样的音频库来处理音频播放。 ...
在<head>中，我们通常设置页面标题（<title>）、引入外部CSS样式表（<link>）或JavaScript文件（<script>）。在<body>中，才是实际可见的网页内容。 在HTML中，文本元素是最基本的组成部分，如段落（<p>）、标题（...
3. 标题标签：`<h1>`至`<h6>`，数字越大，标题级别越小。 4. 链接：`<a href="url">链接文字</a>`，`href`属性指定链接地址。 5. 图像：`<img src="url" alt="替代文本">`，`src`属性指定图片URL，`alt`提供替代文本...
<h2>二级标题</h2> ...` 2. 段落标签：<p>和</p>用于定义文本段落。连续的<p>标签会形成连续的段落，而<br>标签则用于在不开始新段落的情况下进行换行，如： `<p>这是第一段。</p> <br> <p>这是第二段，但没有...
表格使用<table>, <tr>, <th>, <td>等标签创建，而表单元素如<input>, <select>, <textarea>等用于用户交互。记住，表单可以通过action属性指定提交处理页面，method属性设置提交方式（GET或POST）。 6. **图片与...
- `<div>`和`<span>`提供布局灵活性，常与CSS结合使用。 ### 示例代码 ```html <!DOCTYPE html> <html> <head> <title>网页制作教学</title> </head> <body> <h1>欢迎来到HTML教程</h1> <p>这是一个简单的段落...
此外，还可以使用`<link>`引入外部样式表，`<script>`引入JavaScript代码，以增强页面交互性。 HTML的主体由`<body>`标签包裹，它包含了页面的实际内容。主体可以设置背景颜色、图片，以及文字颜色等样式属性。`...
例如，`<p>`用于定义段落，`<h1>`到`<h6>`定义不同级别的标题，`<a>`用于创建超链接，`<img>`插入图片，`<ul>`和`<ol>`创建无序和有序列表，`<div>`作为布局容器等。 3. **属性与值**：HTML标签可以有属性，属性...
`<head>`中可以包含`<title>`定义页面标题，`<meta>`标签设置元信息，以及`<link>`和`<script>`标签引入外部资源如CSS样式表和JavaScript脚本。 CSS（Cascading Style Sheets）常与HTML结合使用，用于定义页面的...
`<span>`用于在行内元素中插入小范围的样式。 三、HTML属性 标签可以有零个或多个属性，用来提供额外的信息。例如： 1. `class`属性用于关联CSS类，定义样式。 2. `id`属性为元素提供唯一的标识符，常用于...
而`<script>`标签引入JavaScript代码，实现动态效果和用户交互。 六、HTML5的新特性 HTML5引入了许多新元素和API，如`<canvas>`用于绘制图形，`<video>`和`<audio>`嵌入多媒体，`<input type="date">`等新的输入...
根据给定的文件信息，以下是对“JavaScript一些技巧”中涉及的关键知识点的详细解析： ### 1. 事件处理：`onBlur`, `onFocus`, `onChange`, `onSelect` 在网页开发中，事件处理是与用户交互的核心部分。`onBlur`...
DOCTYPE>`声明文档类型，`<meta>`定义元数据，`<style>`添加内联样式，`<script>`引入JavaScript代码，以及使用ID和Class选择器进行更精确的CSS定位。 HTML语法手册提供的信息涵盖了基本的HTML元素和用法，对初学者...
- `<table>`、`<tr>`、`<th>`和`<td>`标签用于创建表格，`<th>`表示表头，`<td>`表示单元格。 9. **表单元素**（Form Elements） - `<form>`定义表单，`<input>`、`<textarea>`、`<select>`和`<button>`用于创建...