≡ 分类 ≡
≡ 推荐 ≡
- PHP Token 认证机制实现
- PHP PDO预处理条件查询
- JavaScript 默认值设置方法
- Promise 的基本使用方法
- 完整支持TRUNCATE TABLE和其他SQL语句的导入方案
- Jquery+ajax返回的数据类型为script，且含有多个变量
- PHP类使用详解
- jQuery AJAX success 回调中的返回值处理
- PHP解压缩Gzip文件方法总结
- JavaScript Promise 用法详解
- PHP PDO 导出指定表数据（导入前清空表）
- PHP 中使用 try-catch 捕获错误信息
- JavaScript数组求平均值方法总结
- MySQL 5.7 忘记 root 密码解决方法
- HTML 图片异步加载
- 根据某数组，在另一个数组中检索并输出对应值
≡ 热点 ≡
- 用Javascript为图片img添加onclick事件
- 图解Windows Installer制作软件安装包
- 轻型数据库SQLite结合PHP的研发
- 在没有MySQL支持的虚拟主机，在PHP中使用文本数据库
- PHP之glob函数
- DIY服务器硬盘RAID选用
- PHP代码优化及PHP相关问题总结
- Windows操作系统发展历史二
- 用PHP函数解决SQL injection
- ISP如何在网内部署BGP路由协议
- Div+CSS：absolute与relative
- Photoshop CS3：为美女刷出亮白牙齿
- PHP CURL 发送和接收XML数据
- 采集cz88.net免费代理的小程序
- Fireworks打造热力四射手机广告
- 记录搜索蜘蛛爬行记录的Asp代码
用Javascript为图片img添加onclick事件
我们在一些文章发布系统中，后台使用的编辑器插入图片的时候并不会自动给图片加上链接，有时候图片太大了，会将窗口撑开，为了不影响美观，我们也许会将图片缩小，于是乎，就要将图片放大，有些编辑器非常复杂，更改起来不方便，那么我们可以直接在显示文章内容的页面使用Javascript给图片批量都加上onclick事件。。。
假设如下一段文章内容存放于如下一个DIV中：
以下是HTML代码： <div id="content">
<img src="1.gif" />
<img src="2.gif" />
<img src="3.gif" />
<img src="4.gif" />
<img src="5.gif" />
</div>...
类别：网页编程 - JavaScript 查看：716 更新：2014-06-03
firefox与IE中对javascript和CSS的区别
1. document.formName.item("itemName") 问题 说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"]; Firefox下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formName.elements["elementName"].2.集合类对象问题 说明:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象. 解决方法:统一使用[]获取集合类对象.3.自定义属性问题 说明:IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获...
类别：网页编程 查看：143 更新：2014-06-03
Javascript实现图片按比例缩放的函数
以下是代码：【运行代码】【复制代码】 <script language="JavaScript">
<!--
//图片按比例缩放
var flag=false;
function DrawImage(ImgD){
var image=new Image();
var iwidth = 150; //定义允许图片宽度
var iheight = 100; //定义允许图片高度
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"&...
类别：网页编程 - JavaScript 查看：127 更新：2014-05-26
用Javascript模仿DataGrid
<HTML>
<HEAD>
<TITLE> JS模仿的DataGrid</TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function ChangeValue(objTD)
{
var objName;
objName = objTD.id;
objTD.innerHTML = "<input type=text id=txtBox name=textfield value="+objTD.innerText+" onBlur=WriteNewValue(this.value,"+objName+");>";
}
function WriteNewValue(strTxt,objTD)
{
objTD.innerText = strTxt;
}//-->
</SCRIPT>
<BODY>
<TABL...
类别：网页编程 - JavaScript 查看：133 更新：2014-05-26
用Javascript获得TextArea中的光标位置
function getPos(obj) {
obj.focus();
var workRange=document.selection.createRange();
obj.select();
var allRange=document.selection.createRange();
workRange.setEndPoint("StartToStart",allRange);
var len=workRange.text.length;
workRange.collapse(false);
workRange.select();
return len;
}
这时候问题出来了，在obj.select()的时候，会造成闪烁，并且滚动条也无法归位。于是小弟根据自己的需要，将其改写如下：
function getCaret(ZysrID) {
var txb = document.getElementById(ZysrID);//根据ID获得对象
var pos = 0;//设置初始位置
txb.focus();//输入框获得焦点,...
类别：网页编程 - JavaScript 查看：138 更新：2014-05-26
限制图片上传长宽的JavaScript代码
<html>
<head>
<title>Upload Image</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<form name="IUpload" action="upfile.asp" method="post">
<p><input type="file" name="picsrc" size="40" onchange="picshow.src=document.IUpload.picsrc.value">
<input type="button" value="上载" onclick="detect()"><...
类别：网页编程 - JavaScript 查看：136 更新：2014-05-26
JavaScript实现的Base64编码和解码
var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
var base64DecodeChars = new Array(
-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63,
52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1,
-1, 0, 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, -1, -1, -1, -1, -1,
-1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37...
类别：网页编程 - JavaScript 查看：135 更新：2014-05-26
利用Yahoo! Search API开发自已的搜索引擎-javascript版
美国东部时间3月1日，雅虎公司联合创始人之一的杨致远将宣布公司的搜索网络将进入Web服务。雅虎公司在www.developer.yahoo.com网站建立了Yahoo Search Developer Network，公司计划在此纽约举行的搜索引擎战略大会(Search Engine Strategies Conference)上推出这一计划。该网络将允许开发者在雅虎搜索之上建立新的应用程序，其中包括图像、视频、新闻以及地区搜索等内容。想要使用这项服务的会员必须先去http://api.search.yahoo.com/webservices/register_application 申请一个自已的ID号，注：每个ID号每天只能搜索5000次。
下面我们看一下，如何用javascript脚本调用Yahoo! Search API实现搜索的效果，全部脚本如下：
...
类别：网页编程 - JavaScript 查看：157 更新：2014-05-26
通过JavaScript和DOM进行数据访问
在一个Web页面中访问和处理各种各样的不同元素是经常性的工作，这可以通过使用javaScript和HTML文档对象模型(DOM)很容易实现。本文我们将介绍访问页面元素的各种方法并描述如何实现它们。
HTML DOM
根据W3C的介绍，“文档对象模型是一个语言中性接口的平台，它可以实现程序和脚本动态访问和更新文档的内容、结构和样式。”
所有ＨＴＭＬ元素同它们包含的文本及属性都可以通过DOM访问。一个元素的内容可以被修改或删除以及创建新元素。
当使用DOM和页面元素时，最重要的对象就是文档。它包含在windows对象中，但是你可以直接在JavaScript代码中键入并使用文档。当用作访问一个页面中的所有元素时...
类别：网页编程 - JavaScript 查看：113 更新：2014-05-22
用JavaScript数组创建数据结构
JavaScript与一些更加稳定的语言相比，比如Java和C语言，有许多相似之处，但是它确实有很多鲜为人知的特性。JavaScript数组是这样一种设计元素，它提供了一些开发人员常常忽视的特性。本文就利用JavaScript数组创建一个堆栈和队列数组结构来解释其中的一些特性。
数组
你可以使用JavaScript的数组对象在一个变量下保存一组数值。列表A里的JavaScript创建了一个带有5个元素（每个都对应一个Web网站的地址）的数组，并在这个数组里循环，在一个提醒对话框里显示每个值。
JavaScript并不是一定要支持多维数组，但是你可以获得带有数组的数组。JavaScript的数组对象能够提供的功能不只对数组的基本支持；它还可以被用于提...
类别：网页编程 - JavaScript 查看：144 更新：2014-05-22
javascript里的Array
new Array()
new Array(len)
new Array([item0,[item1,[item2,...]]]
使用数组对象的方法：
var objArray=new Array();
objArray.concact([item1[,item2[,....]]]-------------------将参数列表连接到objArray的后面形成一个新的数组并返回，原有数组不受影响。如：var arr=["a","b","c"];
arr.concact("d","e");
将返回包括从"a"到"e"字母元素的数组。而arr本身不受影响。
objArray.join(separator)-----------------以separator指定的字符作为分割符，将数组转换为字符串，当seperator 为逗号时，其作用和toString()相同。
objArray.pop(...
类别：网页编程 - JavaScript 查看：101 更新：2014-05-22
Javascript评估用户输入密码的强度
密码已经是我们生活工作中必不可少的工具,但一个不安全的密码有又有可能会给我们造成不必要的损失。作为网站设计者,如果我们在网页中能对用户输入的密码进行安全评估,并显示出相应的提示信息,那么对用户设置一个安全的密码将有很大帮助。同时也使得网站更具人性化,更有吸引力.
什么是一个安全的密码呢?本程序按以下的方式进行评估.
1.如果密码少于5位,那么就认为这是一个弱密码.
2.如果密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则认为这是一个弱密码.
3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则认为这是一个中度安全的密码.
4.如果密码由数字、小写字母、大写字母或其它特...
类别：网页编程 - JavaScript 查看：126 更新：2014-05-22
JavaScript[对象.属性]集锦、事件查询综合
<SCRIPT>标记
用于包含JavaScript代码.
语法
<SCRIPT LANGUAGE="JavaScript">
<!–hide
code here
//–>
</SCRIPT>
属性
LANGUAGE 定义脚本语言
SRC 定义一个URL用以指定以.JS结尾的文件
windows对象
每个HTML文档的顶层对象.
属性
frames[] 子桢数组.每个子桢数组按源文档中定义的顺序存放.
feames.length 子桢个数.
self 当前窗口.
parent 父窗口(当前窗口是中一个子窗口).
top 顶层窗口(是所有可见窗口的父窗口).
status 浏览器状态窗口上的消...
类别：网页编程 - JavaScript 查看：107 更新：2014-05-22
JavaScript使用小技巧：IE8的关闭处理
在JS中使用window.close();时经常会遇到这样的提示“你查看的网页正试图关闭窗口，是否关闭。”，这实际上是IE的安全特性的一项内容，是不能通过设置浏览器加以解决的。要将窗口关闭提示消息屏蔽，需要增加额外的代码。
在IE6中，可以通过在close之前设置窗体的opener属性值得以解决，范例代码如下：
window.opener="xxx";
window.close();
在IE7，IE8中，上述的代码并无法奏效，此时需要重载window.close()函数解决该问题，范例代码如下：
var closeWinFunc = window.close;
window.close = function(){
window.open("","_self");
closeWinFunc();
}
window.close();...
类别：网页编程 - JavaScript 查看：118 更新：2014-05-22
JavaScript trim函数的十二种实现
实现1
1.String.prototype.trim = function() {
2. return this.replace(/^ss*/, '').replace(/ss*$/, '');
3.}
看起来不怎么样，动用了两次正则替换，实际速度非常惊人，主要得益于浏览器的内部优化。一个著名的例子字符串拼接，直接相加比用Array做成的StringBuffer还快。base2类库使用这种实现。
实现2
1.String.prototype.trim = function() {
2. return this.replace(/^s+/, '').replace(/s+$/, '');
3.}
和实现1很相似，但稍慢一点，主要原因是它最先是假设至少存在一个空白符。Prototype.js使用这种实现，不过其名字为strip，因为Prototype的方法都是力求与Ruby同名。
实现3
1.String.prototype.trim = function(...
类别：网页编程 - JavaScript 查看：123 更新：2014-05-22
Javascript事件综合
click() 对象.click() 使对象被点击。
closed 对象.closed 对象窗口是否已关闭true/false
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象
confirm("提示信息") 弹出确认框，确定返回true取消返回false
cursor:样式 更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize
event.clientX 返回最后一次点击鼠标X坐标值；
event.clientY 返回最后一次点击鼠标Y坐标值；
event.offsetX 返回当前鼠标悬停X坐标值
event.offsetY 返回当前鼠标悬停Y坐标值
document.write(document.lastModified) 网页最后一次更新时间
document.ondblclick=...
类别：网页编程 - JavaScript 查看：93 更新：2014-05-22