js的代码应该放在<hand>还是<body>中呢？

时间: 2023-12-10 10:04:34 浏览: 68

非常好的js代码

控制横向和纵向滚动条的显隐？<body style=”overflow-y:hidden”> 去掉x轴<body style=”overflow-x:hidden”> 去掉y轴<body scroll=”no”>不显表格变色<TD xss=removed xss=removed u201d”style=”CURSOR:> 禁止复制，鼠标拖动选取<body ondragstart=window.event.returnValue=false oncon JavaScript是Web开发中不可或缺的一部分，它提供了丰富的交互性和动态效果。在给定的代码和描述中，我们可以看到一些常见的JavaScript技巧和应用场景： 1. **滚动条控制**：通过CSS属性可以控制网页滚动条的显示与隐藏。例如： - `overflow-y:hidden` 可以隐藏垂直滚动条。 - `overflow-x:hidden` 则隐藏水平滚动条。 - `scroll="no"` 不显示任何滚动条。 2. **表格单元格变色**：在HTML `<TD>` 元素中使用 `onmouseover` 和 `onmouseout` 事件监听器来改变背景颜色。例如： ```html <TD onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='' style='CURSOR: hand'"> ``` 这将在鼠标悬停时将单元格背景色变为白色，移开后恢复原样。 3. **禁止文本选中和复制**：通过绑定 `ondragstart`, `oncontextmenu`, `onselectstart` 事件处理函数，可以防止用户复制或拖动选择页面内容： ```html <body ondragstart="window.event.returnValue=false" oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false"> ``` 4. **iframe 使用**： - 基本使用：`<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>` - 自适应高度：`<iframe ... onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight"></iframe>`，通过JavaScript计算内容高度并设置iframe的高度。 5. **浏览器图标设置**：使用 `<link>` 标签可以设置收藏夹和地址栏的图标： ```html <link rel="Shortcut Icon" href="favicon.ico"> <link rel="Bookmark" href="favicon.ico"> ``` 6. **字号缩放**：通过JavaScript函数实现文字大小的动态调整： ```javascript function doZoom(size) { document.getElementById('zoom').style.fontSize = size + 'px'; } ``` 并配合 `<a>` 标签创建大小切换按钮。 7. **解决select元素挡住div的问题**：通过在div内嵌入一个透明的iframe，可以避免select元素的影响： ```html <iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px;left:2px;width:168;height:100px;"></iframe> ``` 8. **iframe自适应高度（跨域）**：对于跨域的iframe，需要考虑权限问题，确保源地址和父页面在同一域下，或者了解如何处理跨域策略。 9. **跳转菜单**：通过 `<select>` 元素的 `onchange` 事件，可以实现选择项触发新窗口跳转： ```html <select name="select" onchange="window.open(this.options[this.selectedIndex].value)"> ... </select> ``` 10. **Flash透明设置**：在Flash对象的参数中设置 `wmode` 为 "transparent"，使Flash内容透明： ```html <param name="wmode" value="transparent"> ``` 11. **添加到收藏夹和设为首页**：通过JavaScript可以创建这样的功能，但需要注意浏览器兼容性： ```html  <a href="javascript:window.external.AddFavorite(window.location.href, document.title)">添加到收藏夹</a>  <a href="javascript:(function(){if(window.setHomePage){window.setHomePage(window.location.href);}else{if(window.external&&('addFavorite'in window.external)){window.external.addFavorite(window.location.href, document.title);}else{alert('请您手动设置本页面为首页');}}})()">设为首页</a> ``` 这些技巧和实例展示了JavaScript在网页设计和用户体验方面的灵活性，通过这些技术，开发者可以创建更动态、更友好的用户界面。

一般情况下，JavaScript代码应该放在`<body>`标签的末尾，这是因为浏览器在解析HTML页面的时候是按照从上到下的顺序逐行解析的，如果将JavaScript代码放在`<head>`标签中，则可能会在HTML页面的其他内容加载之前就执行该代码，导致页面出现错误。将JavaScript代码放在`<body>`标签的末尾可以确保页面的其他内容已经加载完毕，从而避免这种问题。当然，也可以使用异步加载的方式加载JavaScript文件，以提高页面加载速度。

阅读全文

js的代码应该放在<hand>还是<body>中呢？

相关推荐

实现浏览器右下角自定义弹出提示框的HTML+JavaScript代码

Html代码编写技巧大全：提高网页开发效率

Sass-in-hand:在我的项目中使用 Sass

Darren-greenhand.github.io

ASP.NET程序中常用的三十三种代码.txt

制作网站的代码

ASP.NET常用代码

网页设计特效代码Dreamweaver

javascript特效

dreamweaver常用代码全攻略.doc

Hanjst:Han JavaScript Template Engine 汉吉斯特 JavaScript模板引擎

js使用小技巧

JavaScript Table行定位效果

33个JavaScript经典效果

js经典特效，网页特效

Javascript模拟scroll滚动效果脚本第1/2页

JavaScript 实用技巧与效果示例

Flash中的角色设计与角色动画技巧

ArnoldC.js: JavaScript 中的阿诺德C语言转换器

最新推荐

cairo-devel-1.15.12-4.el7.x86_64.rpm.zip

Angular程序高效加载与展示海量Excel数据技巧

管理建模和仿真的文件

【SecureCRT高亮技巧】：20年经验技术大佬的个性化设置指南

如何设计一个基于FPGA的多功能数字钟，实现24小时计时、手动校时和定时闹钟功能？

Argos客户端开发流程及Vue配置指南

"互动学习：行动中的多样性与论文攻读经历"

【SecureCRT高亮规则深度解析】：让日志输出一目了然的秘诀

在用友U8 UFO报表系统中，如何通过格式管理功能实现报表的格式与样式自定义？

基于源码的PHP Webshell审查工具介绍