`
magic_agate
  • 浏览: 105800 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

html常用技巧

HTMLJavaScript嵌入式VBScriptIE 
阅读更多
1.加入收藏,设为首页:

<a href="javascript:window.external.AddFavorite('http://www.bydragon.com','百龙设计工作室')">加入收藏</a>

<a
href="#"
onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http:
//www.bydragon.com');">设为首页</a>

2.2秒后关闭当前页:
<script language="JavaScript">
<!--
　　setTimeout('window.close();',2000);
-->
</script>

3.IE地址栏前换成自己的图标:
在首页<head></head>之间加上如下代码
<link rel="Shortcut Icon" href="favicon.ico">

4.在收藏夹中显示出你的图标:
在首页<head></head>之间加上如下代码
<link rel="Bookmark" href="favicon.ico">

5.改变滚动条颜色:
在首页<head></head>之间加上如下代码
<style>
body{
scrollbar-face-color:147faf; scrollbar-shadow-color:147faf;
scrollbar-highlight-color:147faf; scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:ffffff; scrollbar-track-color:ffffff;
scrollbar-arrow-color:ffffff;}
</style>

scrollbar-face-color表示滚动条面的颜色
scrollbar-shadow-color表示滚动条右斜面的颜色
scrollbar-highlight-color表示滚动条左斜面的颜色
scrollbar-3dlight-color表示滚动条上边和左边边沿的颜色
scrollbar-darkshadow-color表示滚动下边和右边边沿的颜色
scrollbar-track-color表示滚动条底板的颜色
scrollbar-arrow-color表示滚动条两端箭头的颜色

6.鼠标移到单元格颜色改变:
<table width=200><tr>
<td
bgcolor="#738278" style="cursor:hand"
onMouseOver="this.style.backgroundColor='red'"
onMouseOut="this.style.background='#738278'">移過來</td><
/tr></table>

7.申请按钮的等待:
把如下代码加入<body>区域中
<FORM action=register.cgi
method=post name=agree><CENTER><INPUT name=agreeb
type=submit value="请认真查看<服务条款和声明> (15秒后继续)"><INPUT
onclick=history.back(-1) type=reset value=" 我 不 同 意
"></CENTER></form>
<SCRIPT language=javascript>
<!--
var secs = 15;
document.agree.agreeb.disabled=true;
for(i=1;i<=secs;i++) {
window.setTimeout("update(" + i + ")", i * 1000);
}
function update(num) {
if(num == secs) {
document.agree.agreeb.value =" 我 同 意 ";
document.agree.agreeb.disabled=false;
}
else {
printnr = secs-num;
document.agree.agreeb.value = "请认真查看<服务条款和声明> (" + printnr +" 秒后继续)";
}
}
//-->
</SCRIPT>

8.实现连续滚动:
<body>
<div id=demo style=overflow:hidden;height:60px>
<div id=demo1>
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id=demo2></div>
<script>
var t=demo.scrollTop
demo2.innerText=demo1.innerText
function qswhMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop++
}
setInterval(qswhMarquee,30)
</script>
</body>

9.无提示自动关闭窗口:
脚本说明:
第一步：把如下代码加入<body>区域中
<OBJECT
id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><param
name="Command" value="Close"></object>
第二步：把<body>中的内容改为：
<body onload="setTimeout('closes.Click()',20000)">

10.弹出确认删除:
<1>vbscript:
<script language="vbscript">
sub check()
dim a
a=MsgBox("确定要删除吗？",vbOKCancel)
if a=1 then
window.event.returnvalue=true
else
window.event.returnvalue=false
end if
end sub
</script>

<a href="http://www.blueidea.com/" onClick="check()">删除</a>

<2>javascript:
<script language="JavaScript1.2">
<!--
function confirmdel(id){
if (confirm("真的要删除吗?"))
window.location.href="/admin_deladmin.asp?id="+id
}
-->
</script>
<a href='javascript:confirmdel("<%=rs("id")%>")'>删除</a>

11.防止点击空链接回到页首端:
把代码“javascript:void(null)”代替原来的“#”标记.

12.window.open的使用语法:
window.open('URL','Name','Features')
name可为空
如：
<a href="javascript:window.open('http://www.bydragon.com','','width=400,height=400')">弹出窗口</a>

其中http://www.bydragon.com 是你要打开的网页地址。可以使用相对或者是绝对地址,而width=400,height=400 是定义弹出窗口的宽度和高度都是400，其他的几个参数：
toolbar(yes|no): 是否出现浏览器工具栏，在已经设置窗口大小的情况下，默认为no，即不出现！

下同:
location:地址栏
status:状态栏
menubar:菜单条
scrollbars:滚动条
resizable:表示是否出现窗口大小的调整手柄！

结合flash as里边的getURL就是
getURL("javascript:window.open('http://www.bydragon.com','','width=400,height=400')")

13.版权声明的写法正确的格式:
&copy;1995-2004 Macromedia, Inc. All rights reserved.
&copy;2004 Microsoft Corporation. All rights reserved.
Copyright &copy; 2004 Adobe Systems Incorporated. All rights reserved.
&copy;1995-2004 Eric A. and Kathryn S. Meyer. All Rights Reserved.

14.内容提交等待:
把如下代码加入<body>区域中
<script language=javascript>
<!--
function showSending() {
sending.style.visibility="visible";
}
-->
</script>

然后调整下面代码的参数使显示提示显示在你想要的位置:
<div id="sending" style="position:absolute; z-index:10; width: 400; visibility:hidden">
<table width=400 height=80 border=0 cellspacing=2 cellpadding=0 bgcolor="#8FA8E9">
<tr>
<td bgcolor=#eeeeee align=center>内容正在发送, 请稍候...</td>
</tr>
</table>
</div>

最后再提交按钮加入 onClick="showSending()">,如:
<input type='submit' name='ACTION' value='发送' onClick="showSending()">



15.实现 iframe 的自适应高度,参考如下代码:

<iframe id="newslist"
name="newslist" width="540" src="/iframenews.htm" marginwidth="1"
marginheight="1" border="0" frameborder="0" target="_self"
style="height:expression(eval(newslist.document.body.scrollHeight))"
>

浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</iframe>
分享到：
| HTML语法大全
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML特殊技巧,常用技巧

    四、网页制作的常用技巧 1. 响应式设计：利用媒体查询（`@media`）根据设备特性调整布局，确保网页在各种设备上都能良好显示。 2. 嵌套元素：合理使用`&lt;div&gt;`、`&lt;span&gt;`等标签，结构清晰，便于维护。 3. 使用语义化...

    HTML常用标签以及常用技巧等说明

    ### HTML常用标签以及技巧详解 #### 一、HTML基础概述 HTML（HyperText Markup Language）是一种标记语言，用于创建网页并定义网页结构。通过一系列标签（Tag），HTML能够描述文档内容及其显示方式。 #### 二、...

    40种网站设计常用技巧

    10. **阻止另存为**：通过标签内嵌套iframe，使得用户无法直接另存网页为HTML文件，保护网站内容不被直接获取。 11. **查看源代码按钮**：在网页上添加一个按钮，点击后直接跳转至`view-source:`协议，让用户了解...

    I E 的常用技巧精粹

    **IE浏览器常用技巧精粹** **1. 保存完整的网页内容** 在Internet Explorer中，保存网页内容是一项基础但非常实用的功能。你可以通过“文件”菜单的“另存为”选项来实现。首先，在“文件名”框中输入你希望保存的...

    html5基础教程常用技巧整理

    下面详细介绍HTML5基础教程中常见的知识点和技巧。 1. 新的DOCTYPE声明 HTML5中引入了新的DOCTYPE声明，它较XHTML的声明更加简洁。在HTML5中，只需要使用&lt;!DOCTYPE html&gt;来声明文档类型，即可让浏览器识别出是HTML5...

    Html网页代码常用小技巧！ 正文

    ### Html网页代码常用小技巧 #### 1. 禁止右键菜单 通过在表格元素上设置 `oncontextmenu` 属性，可以阻止用户在网页上使用右键菜单： ```html ;"&gt; 禁止右键 ``` #### 2. 阻止文本选取 使用 `onselectstart` ...

    jQuery Mobile十大常用技巧

    以下是对标题和描述中提到的jQuery Mobile十大常用技巧的详细解释： 1. **禁止截断列表和按钮内容**： 当jQuery Mobile中的列表项或按钮文本过长时，默认会自动截断。你可以通过添加CSS样式来阻止这种行为。例如，...

    javascript 和HTML的一些常用技巧

    JavaScript 和 HTML 是构建动态网页的核心技术，它们各自拥有丰富的功能和技巧。在本章中，我们将深入探讨这两者的结合使用，特别是JavaScript如何增强HTML的交互性。 首先，我们来看7.1部分，关于使用客户端脚本。...

    PHP常用技巧汇总

    以下是一些PHP常用的技巧汇总： 1. **文件读取与写入**： - `PHP_Read` 函数利用 `fopen` 打开文件，使用 `fgets` 逐行读取内容，并通过 `fclose` 关闭文件。这提供了基础的文件读取功能。 - `PHP_Write` 函数...

    常用HTML标记使用技巧 HTML标记

    在本文中，我们将深入探讨一些常用的HTML标记及其使用技巧，帮助你更好地理解和运用这些标记创建功能丰富的网页。 1. **标题标记**： - `&lt;h1&gt;` 到 `&lt;h6&gt;` 用于定义不同级别的标题，`&lt;h1&gt;` 是最高级别，`&lt;h6&gt;` 是...

    网页制作常用的小技巧

    ### 网页制作常用小技巧详解 在网页开发过程中，开发者经常需要处理各种细节问题，以提升用户体验或实现特定功能。以下将详细介绍标题及描述中提到的一些实用技巧及其应用场景。 #### 1. 屏蔽鼠标右键点击事件 ...

    Javascript常用技巧总结

    ### JavaScript 常用技巧总结 #### 一、禁用右键菜单与文本选择 **技巧1：** 禁止浏览器默认的右键菜单显示。 ```javascript oncontextmenu="window.event.returnValue=false" ``` 或者针对表格元素： ```html ;...

    40种网页常用小技巧

    以下是一些基于"40种网页常用小技巧"的详细解读，这些技巧旨在优化网页设计并提供更好的互动性。 1. 取消右键：通过JavaScript，可以禁用用户的鼠标右键点击事件，防止用户查看源代码或使用快捷方式，这在保护版权...

    Oracle经典常用技巧荟萃

    以下是对给定文件内容中提到的Oracle常用技巧进行的详细解析。 首先，关于Oracle安装优化篇的技巧，这部分介绍了Oracle 10g RAC（Real Application Clusters）的安装，以及FreeNAS共享存储的搭建，这些是构建高可用...

    40种网页常用技巧，有点强

    "40种网页常用技巧"这个主题涵盖了提高效率、优化用户体验、增强网站功能等方面的关键知识点。以下是一些可能包括在该压缩包文件中的技巧摘要： 1. **响应式设计**：确保网页在不同设备和屏幕尺寸上都能良好展示，...

    CSS的常用技巧

    本篇将深入探讨CSS的常用技巧，帮助你提升网页设计的专业度。 1. **选择器的高效使用** - 类选择器（`.class`）：通过类名来选择元素，适用于多个元素共享同一样式的情况。 - ID选择器（`#id`）：用于唯一标识一...

    jQuery常用技巧大放送

    在本文中，我们将深入探讨一些jQuery的常用技巧，这些技巧能够帮助开发者更高效地利用jQuery的功能。 1. 引用页面元素： jQuery通过`$()`选择器来引用页面元素，支持通过ID、类名、元素名以及DOM层级关系和XPath...

    JS常用技巧（231）

    标题中的“JS常用技巧（231）”表明这是一篇关于JavaScript编程技巧的文章，而描述中的“js常用技巧，很实用”暗示我们将探讨在实际开发中常用的JavaScript代码片段。结合标签“javascript”，我们可以确定这些技巧...

    网页代码常用小技巧

    "网页代码常用小技巧"这个主题涵盖了一系列能够提升HTML编写效率和优化网页效果的方法。 1. **元信息与头部元素**： HTML文档的部分常常被用来放置元信息，如字符编码、页面标题、样式表链接、JavaScript文件引用...

    js常用55个技巧

    ### JS常用技巧详解 在日常开发过程中，JavaScript作为前端开发的核心语言之一，其灵活多变的特性赋予了开发者丰富的操作空间。本文将详细介绍并解析部分常见的JavaScript技巧，旨在帮助开发者提高编码效率，优化...

Magicbox
Global site tag (gtag.js) - Google Analytics