javascript中innerHtml用法
2009-04-21 22:52
<html>
<head>
<script language="javascript">
function Test(){
var str="";
str+="Hello,";
str+="This is a Test!<br />";
str+="I Love you;<br />";
str+="I Love you,too!";
p.innerHTML=str+"<br /><br />"+Math.random();
setTimeout('Test();',1000);
}
</script>
</head>
<body onload=Test()>
<span id="p"></span>
</body>
</html>
innerTEXT与innerHTML的区别：
innerHTML自带了语法检查功能,他会自动把不完整的HTML代码补充完整.运行如下的一个测试代码就可以发现了.
document.getElementById("AlbumList").innerHTML="<table><tr>";
ale ......
源码：
function resize(img, width, height) {
(img.width > img.height)
? ((img.height = Math.min(height, width * img.height/img.width)) || (img.width = Math.min(width, img.width)))
: ((img.width = Math.min(width, height * img.width/img.height)) || (img.height = Math.min(height, img.height)));
}
稍微压缩一下：
function resize1(i,w,h){var a=i.width;var b=i.height;a>b?((i.height=Math.min(h,w*b/a))||(i.width=Math.min(w,a))):((i.width=Math.min(w,h*a/b))||(i.height = Math.min(h,b)));} ......
/*
-------------- 函数检索 --------------
trim函数: trim() lTrim() rTrim()
校验字符串是否为空: checkIsNotEmpty(str)
校验字符串是否为整型: checkIsInteger(str)
校验整型最小值: checkIntegerMinValue(str,val)
校验整型最大值: checkIntegerMaxValue(str,val)
校验整型是否为非负数: &nb ......
1 JavaScript检测浏览器版本 使用 JavaScript 检测关于访问者的浏览器名称及其版本。 <html>
<body>
<script type="text/javascript">
var browser=navigator.appName
var b_version=navigator.appVersion
var version=parseFloat(b_version)
document.write("浏览器名称："+ browser)
document.write("<br />")
document.write("浏览器版本："+ version)
</script>
</body>
</html>
2 检测浏览器的更多信息
使用 JavaScript 检测关于访问者浏览器的更多信息。
<html>
<body>
<script type="text/javascript">
document.write("<p>浏览器：")
document.write(navigator.appName + "</p>")
document.write("<p>浏览器版本：")
document.write(navigator.appVersion + "</p>")
document.w ......
每次用到这个方法我都要到网上去搜，要花一段时间！为了避免重复搜，决定放到blog中.
<SCRIPT LANGUAGE=javascript>
function p_del() {
var msg = "您真的确定要删除吗？\n\n请确认！";
if (confirm(msg)==true){
return true;
}else{
return false;
}
}
</SCRIPT>
调用方法：
<a href="del.jsp?id=<%=id%>" onclick="javascript:return p_del()">删 除</a> ......
大多数人很容易将CSS属性display和visibility混淆，它们看似没有什么不同，其实它们的差别却是很大的。
visibility属性用来确定元素是显示还是隐藏，这用visibility="visible|hidden"来表示，visible表示显示，hidden表示隐藏。当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。例：
<script language="javascript">
function toggleVisibility(me)
{
if (me.style.visibility=="hidden")
{
me.style.visibility="visible";
}
else
{
me.style.visibility="hidden";
}
}
</script>
<div onclick="toggleVisibility(this)" style="position:relative">
第一行文本将会触发"hidden"和"visible"属性，注意第二行的变化。</div><div>因为visibility会保留元素的位置，所以第二行不会移动.</div>
第一行文本将会触发"hidden"和"visible"属性，注意第二行的变化。
因为visibility会保留元素的位置，所以第二行不会移动。
注意到，当元素被隐藏之后，就不能再接收到其它事件了，所以在第一段代码中， ......
大多数人很容易将CSS属性display和visibility混淆，它们看似没有什么不同，其实它们的差别却是很大的。
visibility属性用来确定元素是显示还是隐藏，这用visibility="visible|hidden"来表示，visible表示显示，hidden表示隐藏。当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。例：
<script language="javascript">
function toggleVisibility(me)
{
if (me.style.visibility=="hidden")
{
me.style.visibility="visible";
}
else
{
me.style.visibility="hidden";
}
}
</script>
<div onclick="toggleVisibility(this)" style="position:relative">
第一行文本将会触发"hidden"和"visible"属性，注意第二行的变化。</div><div>因为visibility会保留元素的位置，所以第二行不会移动.</div>
第一行文本将会触发"hidden"和"visible"属性，注意第二行的变化。
因为visibility会保留元素的位置，所以第二行不会移动。
注意到，当元素被隐藏之后，就不能再接收到其它事件了，所以在第一段代码中， ......
最新文章 : javascript