网站设计:20个常用技巧

简介: 这是一篇关于网站设计技巧的分享文章,涵盖了20多个实用的小技巧,包括设置浏览器兼容性、禁用右键和复制功能、自定义图标、防止页面被另存为、删除确认提示、获取控件位置、光标定位、屏蔽功能键等。这些技巧适用于前端开发,能够提升网页的功能性和用户体验。欢迎补充更多实用技巧!

一些网站设计的技巧分享,欢迎各位大佬补充分享

1.不管是IE那个版本都规定为IE8使用

    <meta http-equiv="X-UA-Compatible" content="IE=8"/>

2. 关闭自动完成功能

      <input  id="Text1" autocomplete="off" type="text"/>

3. 将彻底屏蔽鼠标右键

    oncontextmenu="window.event.returnValue=false" 

4. 取消选取、防止复制

    <body onselectstart="return false">

5. 不准粘贴

    onpaste="return false"

6. 防止复制

    oncopy="return false;" oncut="return false;"

7. IE地址栏前换成自己的图标

    <link rel="Shortcut Icon" href="favicon.ico">

8. 可以在收藏夹中显示出你的图标

    <link rel="Bookmark" href="favicon.ico">

9. 关闭输入法

    <input style="ime-mode:disabled">

10. 永远都会带着框架

    <script language="JavaScript"><!--if (window == top)top.location.href ="frames.htm"; //frames.htm为框架网页 // --></script>

11. 防止被人frame

    <SCRIPT LANGUAGE=JAVASCRIPT><!--if (top.location != self.location)top.location=self.location; // --></SCRIPT>

12. 网页将不能被另存为

    <noscript><iframe src="/blog/*.html>";</iframe></noscript>

13. 查看网页源代码

    <input type=button value=查看网页源代码 onclick="window.location = "view-source:"+ "http://www.baidu.com/"">

14.删除时确认

    <a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>
    <a href="a.aspx?act=del&id=1" onclick="return confirm('确认删除文件吗?')">删除</a>

15. 取得控件的绝对位置

    //Javascript <script language="Javascript">function getIE(e){ var t=e.offsetTop; var l=e.offsetLeft; 
    while(e=e.offsetParent) alert("top="+t+"/nleft="+l); } </script>

    //VBScript <script language="VBScript"><!--function getIE() dim t,l,a,b set a=document.all.img1 
    t=document.all.img1.offsetTop l=document.all.img1.offsetLeft
     while a.tagName<>"BODY"set a = a.offsetParent t=t+a.offsetTop l=l+a.offsetLeft wendmsgbox 
    "top="&t&chr(13)&"left="&l,64,"得到控件的位置"end function--></script>

16. 光标是停在文本框文字的最后

    <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()">

17.屏蔽功能键Shift,Alt,Ctrl

    <script>function look(){ if(event.shiftKey) alert("禁止按Shift键!"); //可以换成ALT CTRL } document.onkeydown=look; </script>

18.让弹出窗口总是在最上面:

    <body onblur="this.focus();">

19.怎样去掉图片链接点击后,图片周围的虚线?

    <a href="#" onFocus="this.blur()"><img src="/blog/logo.jpg" border=0></a>

20.脚本永不出错

    <SCRIPT LANGUAGE="JavaScript"><!-- Hide function killErrors() { returntrue; } window.onerror = killErrors; // --> </SCRIPT>
相关文章
|
11月前
|
JavaScript 前端开发 安全
JavaScript 数组扁平化:四种方法详解与最佳实践
本文详解JavaScript数组扁平化的四种主流方法:`flat()`、扩展运算符+`concat`、`reduce`和`for...of`循环,从语法、性能、兼容性等维度对比分析,结合适用场景与最佳实践,助你高效处理嵌套数组。
687 9
|
4月前
|
人工智能 JSON 自然语言处理
Build vs Plan:别再搞混了,OpenCode 两种模式的正确打开方式
OpenCode 的 Plan 与 Build 模式常被混淆:Plan 是只读规划(不改代码,输出方案),Build 是读写执行(直接修改)。复杂任务先 Plan 再 Build,可提升一次性通过率约40%,避免理解偏差导致返工。关键在“对的场景用对的模式”。
|
JavaScript 前端开发 开发者
Vue 3中的Proxy
【10月更文挑战第23天】Vue 3中的`Proxy`为响应式系统带来了更强大、更灵活的功能,解决了Vue 2中响应式系统的一些局限性,同时在性能方面也有一定的提升,为开发者提供了更好的开发体验和性能保障。
1037 162
|
缓存 监控 前端开发
详述uniapp项目部署于Nginx服务器的配置优化方法。
综上所述,uniapp项目部署于Nginx的优化方法多种多样,应根据实际情况灵活地采取合适的策略。配置后持续监控和调试,适时调整配置以保持最佳性能,并确保随着应用需求和访问模式的变化,服务器配置得到适当的更新和优化。
520 0
|
JSON 数据格式
Cesium实现贴地线
这篇文章介绍了在Cesium中实现地面贴合线的效果及其相关技术要点。
669 5
Cesium实现贴地线
|
数据可视化 固态存储 图形学
解锁3D创作新姿势!Autodesk 3ds Max 2022中文版安装教程(附官方下载渠道)
Autodesk 3ds Max 2022 是一款专业三维建模、动画和渲染软件,广泛应用于影视、游戏、建筑等领域。其特点包括智能建模工具、高效Arnold渲染引擎、跨平台协作及多语言支持。安装需满足Win10/11系统、i5以上处理器、8GB内存等要求。正版安装流程包括下载官方程序、配置组件、激活许可证并验证功能。常见问题如安装失败、中文乱码等提供了解决方案。扩展学习资源推荐Forest Pack、V-Ray等插件,助力用户深入掌握软件功能。
5430 24
cesium自带的组件显示与隐藏
这篇文章讲解了如何控制Cesium中自带组件的显示与隐藏,包括了各个组件的属性名称及其对应的显示隐藏操作方法。
799 1
cesium自带的组件显示与隐藏
|
缓存 Java Maven
java: 警告: 源发行版 11 需要目标发行版 11 无效的目标发行版: 11 jdk版本不符,项目jdk版本为其他版本
如何解决Java项目中因JDK版本不匹配导致的编译错误,包括修改`pom.xml`文件、调整项目结构、设置Maven和JDK版本,以及清理缓存和重启IDEA。
1054 3
java: 警告: 源发行版 11 需要目标发行版 11 无效的目标发行版: 11 jdk版本不符,项目jdk版本为其他版本
|
JavaScript 前端开发
在Vue3+ElementPlus项目中实现一个简单的新增/移除行记录的小组件
在Vue 3和Element Plus项目中创建一个支持新增和移除行记录的简单表格组件。
1205 10
|
缓存 小程序 API
微信小程序网络请求与API调用:实现数据交互
本文深入探讨了微信小程序的网络请求与API调用,涵盖`wx.request`的基本用法、常见场景(如获取数据、提交表单、上传和下载文件)及注意事项(如域名配置、HTTPS协议、超时设置和并发限制)。通过一个简单案例,演示了如何实现小程序与服务器的数据交互。掌握这些技能将帮助你构建功能更丰富的应用。