网页制作
Arthur0088
这个作者很懒,什么都没留下…
展开
-
[HTML]显示/隐藏DIV的技巧(visibility与display的差别)
div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白: style="visibility: none;"document.getElementById("typediv1").style.visibility="hidden"; // 隐藏document.getElementById("typediv1").style.visibility="visibl原创 2010-01-18 10:27:00 · 1244 阅读 · 0 评论 -
javascript之document.open()参数说明
<br /><SCRIPT LANGUAGE="javascript"> <br /> <!-- <br /> window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行 <br /> --> <br /> </SCRIPT> <b原创 2010-07-31 01:11:00 · 1258 阅读 · 0 评论 -
window.showModalDialog刷新父窗口 父子窗口之间传值 问题
第一个问题:刷新父窗口(没有传值操作) 父页面打开时一定要传window参数 openModalDialog("son.html",window,800,600); 子页面中刷新: window.dialogArguments.location="parent.html";//parent.html是父页面的地址 实例: parent.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitio原创 2010-07-31 01:14:00 · 3463 阅读 · 0 评论 -
父子窗口间传值
<br />父窗口: url = url + '?winFlg=aaa&winPig=bbb'; window.open(url, '', ''); 子窗口: var URLParams = new Object(); var aParams = document.location.search.substr(1).split('&'); for (var i=0; i < aParams.length; i++) {原创 2010-07-31 01:05:00 · 1128 阅读 · 1 评论 -
CSS技巧:word-wrap同word-break的区别
<br />本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式,详细介绍了word-wrap同word-break的区别。 <br /><br />兼容 IE 和 FF 的换行 CSS 推荐样式<br /> 最好的方式是<br />以下是引用片段:<br /> word-wrap:break-word; overflow:hidden;<br /> 而不是<br />以下是引用片段:<br /> word-wrap:break-word; word-break:break-all;<br />原创 2010-08-04 21:52:00 · 875 阅读 · 0 评论 -
将CSS样式写成JS格式的用法
<br />有些CSS無法通過 W3C 標準,但又非常需要使用的時候,<br />例如透明效果濾鏡有這兩段,<br />filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);<br />-moz-opacity: 0.4;<br />第一行是 IE 濾鏡,可以使用條件註解的方式<br />第二行 -moz-opacity: 0.4; 是給 Mozilla Firefox 瀏覽器的樣式,<br />就不適合用條件註解,若直接寫在 CSS 中就無法原创 2010-08-29 15:30:00 · 3498 阅读 · 0 评论 -
JavaScript修改css样式style
<br />一、局部改变样式 <br />分为改变直接样式,改变className和改变cssText三种。需要注意的是: <br />注意大小写: <br />javascript对大小写十分敏感,className不能够把“N”写成“n”,cssText也不能够把“T”写成“t”,否则无法实现效果。 <br />调用方法: <br />如果改变className,则事先在样式表中申明类,但调用时不要再跟style,像document.getElementById('obj').style.classNa原创 2010-09-06 09:27:00 · 1056 阅读 · 0 评论 -
如何在java中调用js方法
<br />/* * 加载脚本引擎,并在java中调用js方法 */ public void test2() { ScriptEngineManager manager = new ScriptEngineManager(); ScriptEngine engine = manager.getEngineByName("javascript"); try { String str="2&1"转载 2010-09-06 14:31:00 · 3937 阅读 · 0 评论 -
js代码比较文本框数字
<br />用 Number() 函数强制类型转换 ...<br /><br />比如 text1 里面是数值 ... 那么用下面的写法获得一个整型变量而不是一个字符型变量 ...<br /><br />text1 = Number(document.getElementById('text1').value);原创 2010-09-08 16:52:00 · 1135 阅读 · 0 评论 -
js 动态插入表格设置样式 js设置样式
var mytable = document.getElementById("propertyTable"); var row = mytable.insertRow(); 方法一:设置css class方式,如下,“table01-td01"为一css class样式 var mytd= row.insertCell(); mytd.className="ta...原创 2009-10-19 13:16:14 · 137 阅读 · 0 评论 -
Table的两个属性rowIndex与cellIndex
rowIndex用于判断当前单元格所处行的索引(从0开始)cellIndex用于判断当前单元格所处列的索引(从0开始)通常我们可以把他们的事件写在TD里,因为rowIndex属性应该是属于<tr>标记,因此在判断rowIndex需要访问父节点,示例如下: <table align="center" width="100%" height="400" cellspacing...2009-10-19 14:06:29 · 233 阅读 · 0 评论 -
CSS margin 属性
定义和用法margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。说明这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。注释:允许使用负值。例子 1...2009-10-26 20:44:56 · 88 阅读 · 0 评论 -
在CSS中加入事件
......<style>.button-normal{/*添加onmouseover事件,更换背景图片*/onmouseover:expression(onmouseover=function(){this.style.background='url("背景图片地址")';});}</style>.......<div class="button-normal"&g...2009-08-19 09:59:13 · 189 阅读 · 0 评论 -
css控制表格的间距和填充实现细线表格
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title&g2009-08-19 10:31:13 · 200 阅读 · 0 评论 -
Microsoft JET Database Engine (错误类型: 0x80004005)
Microsoft JET Database Engine (0x80004005) 错误类型:Microsoft JET Database Engine (0x80004005)'D:\software\MIS_lab\M_dangan\m_dangan\dangan.mdb'不是一个有效的路径。确定路径名称拼写是否正确,以及是否连接到文件存放的服务器。/lab/M_dang...2009-08-20 20:00:59 · 139 阅读 · 0 评论 -
[转](经验)DIV+CSS解决IE6,IE7,IE8,FF兼容问题
(经验)DIV+CSS解决IE6,IE7,IE8,FF兼容问题 那我来说说吧,做了差不多一年的DIV+CSS,也积累了不少解决兼容问题的方法,我这里只说现在主流的几个,(IE6,IE7,IE8,FF)其它的没去研究过1.ie8下兼容问题,这个最好处理,转化成ie7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了<meta http-equiv="x-ua-co...原创 2009-08-25 12:52:45 · 124 阅读 · 0 评论 -
javascript获取label控件的值
<br /><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <SCRIPT LANGUAGE="JavaScript"> <!--原创 2010-07-31 00:53:00 · 7214 阅读 · 1 评论 -
html自动换行代码
<br />今天在处理一个客户网站的时候,遇到一个严重的麻烦的问题:html代码不可以自动换行的,原因未知的,处理了很久都是没有用的,,后来查了资料才搞定自动换行html 代码。<br />文章如下:<br /><br>是软回车,就是换行后还是紧接着上一行,没有</br> <br /><p>是段落标签,由于例如居中、缩进等标签都是以段落为单位的,所以它可比<br>有更多作用,但每次换行都会多空一行,有</p> <br /><br />除此之外,例如表格、表单、水平线等都是强制换行,就是紧接着的标签前无论有没原创 2010-07-31 00:49:00 · 9692 阅读 · 0 评论 -
URL中文参数乱码问题(针对IE6.0)
我们经常使用如下方式进行参数传递,如:url参数传递 而后台仅有如下代码:String action = request.getParameter("action"); 那么获取的可能是乱码,普通的解决方法有: 1. request.setCharacterEncoding("UTF-8"); String action=new String(reque原创 2010-01-27 10:02:00 · 5082 阅读 · 4 评论 -
ie6中href设为javascript:void(0)页面无法提交
提交 submitPage() 是我定义的一个函数,原意是点击这个时,提交一个表单。ft, ie6 居然不可以,怎么也不能提交。看来是因为 ie6 执行默认动作引起来,目前两种解决方法: 提交 这种方法根本没有href属性,用style="cursor:pointer;" 产生手型图标来模拟。 提交 onclick 返回 false ,阻止浏览器的默认行为原创 2010-01-26 08:51:00 · 1029 阅读 · 0 评论 -
让ie6像个正常的浏览器
私下以为,最初微软大概根本没把什么web标准放在眼里,Windows独霸天下,IExplorer 就是老大,标准应该向它看齐才对。其实那段时间也不算太坏,虽然国外各种浏览器群雄逐鹿,但中国的网页设计师们只用考虑ie 6,完全不必管什么firefox、opera、safari、chrome等等等等,日子过的还算省心。 然而好日子注定不能长久,M$居然良心发现,推出了一个更加符合“标准”的浏览器原创 2010-01-26 09:32:00 · 1932 阅读 · 1 评论 -
获取select选中的值
var Obj = document.getElementById("selectID"); Obj.option[Obj.selectedIndex].value原创 2010-01-29 09:11:00 · 872 阅读 · 0 评论 -
CSS控制表格Table隔行换色
表格隔行换色,节省代码的好方法.db { border-collapse:collapse;}.db tr{ background-color:expression(#F8F8F8,#EFEFEF.split(,)[rowIndex%2]); } 上面是每一行隔行换色每两行一循环,下面是每一行隔行换色,每八行一循环.db tr{ba转载 2010-02-23 09:21:00 · 2511 阅读 · 0 评论 -
png图片透明代码
png图片有很好的品质,阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站增色不少。更重要的是,在不增加图片容量大小的情况下,提高了页面图片的质量。对于有复杂背景,如在有颜色过度背景上插入不规则边框的图片带来极大很便利! 但目前IE下对于插入的透明背景的png图片是不能正常显示的。IE会自动给png格式的图片加上一个灰色背景。解决这个问题有两种方法。 第一种方法:把下面转载 2009-12-25 14:30:00 · 2835 阅读 · 0 评论 -
HTML显示日期时间代码 - [js 特效代码]
一种: 兼容FireFox的当前时间的JS脚本当前时间document.getElementById(time).innerHTML=new Date().toLocaleString()+ 星期+日一二三四五六.charAt(new Date().getDay());setInterval("document.getElementById(t转载 2009-12-29 09:06:00 · 59802 阅读 · 2 评论 -
在firefox与IE下DIV+CSS Padding效果不同的解决方法
test 以上代码在IE中和firefox会有不同的效果.最主要原因是firefox解释padding-top与IE的效果不同fixfox对DIV总高度是padding-top+height的,而IE中,padding-top是包含在height中的,要解决这一个矛盾,可以利用!importantpadding-top:5px;height:10px !important;heigh转载 2009-12-31 11:03:00 · 1056 阅读 · 0 评论 -
利用js代码模拟浏览器后退、前进、刷新
通过一组js代码实现浏览器的后退、前进、刷新功能,非常适用于文章浏览页,使浏览者很方便的到达某一个位置。其实就是利用了javascript的hostory属性,后退一页,前进一页及刷新,都是由go后边那个数字控制其参数。你也可以填写具体数字来反映具体返回的是第几页,前进的是第几页。其实我们利用javascript代码可以实现很多特效,以后我会慢慢添加的。 无标题页<!--f转载 2010-01-07 09:11:00 · 16187 阅读 · 2 评论 -
Javascript 中 ShowModalDialog 的使用方法
ShowModalDialog函数的功能:打开一个子窗口,并且可与父窗口相互传递数据,它与window.open的最大区别就在于由ShowModalDialog打开子窗口后,父窗口将不能操作。使用方法:vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])参数说明:sURL必选参数,类型:字符串。用来指定对话转载 2010-05-18 18:13:00 · 579 阅读 · 0 评论 -
javascript中几种操作打印的方法
1 局部打印方法:作用:将id为dayin的内容,新建页面并打印,可解决打印某页面中的部分内容的问题。使用方法:将要打印的内容通过 包含起来,然后在某个按扭中定义事件function dayin() { var code="" code+=document.all.dayin.innerHTML; code=code.toUpperCase(); code=code.replace(/]转载 2010-05-19 09:37:00 · 1118 阅读 · 0 评论 -
获取Form对象
1,document.forms[0]2,docuemnt.formName3,document.getElementById("formID")4,原创 2010-05-29 14:44:00 · 763 阅读 · 0 评论 -
js判断页面加载完成
<br />如何用js判断页面加载完成?<br /><br /><script> <br /><!--<br />document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法. <br />function subSomething() <br />{ <br />if(document.readyState == "complete"&&window.parent.frames["框架名"].document.readyState == "原创 2010-07-29 13:33:00 · 11081 阅读 · 0 评论 -
javascript获取div中信息
<br />document.getElementById("c").innerText输出id包含的文本document.getElementById("c").innerHTML输出id包含的内容原创 2010-07-31 00:57:00 · 1630 阅读 · 0 评论 -
js设置html页面中title
<br />在一些需求中,如js弹出一个窗口,需要弹出的窗口根据弹出的类型不同显示不同的title,这样就要求我们在js中动态的设置title的值,下面是代码:<br /><mce:script language="text/javascript"><!-- document.title = xxxx;// --></mce:script>原创 2010-08-02 09:16:00 · 15327 阅读 · 0 评论 -
DIV CSS完美兼容IE6/IE7/FF的通用方法
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.一、CSS HACK 以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)以...原创 2009-08-25 12:55:33 · 86 阅读 · 0 评论