<!DOCTYPE html>
<html dir="rtl">
<head>
<!--1.3页面自动刷新--为了及时反映站点数据变化-->
<!--重点:meta元素,其http-equiv属性设置为refresh会自动刷新当前页面
content可以设置刷新的时间间隔 URL表示刷新后的页面地址
-->
<meta charset="UTF-8" http-equiv="refresh" content="3;url=http:www.google.com">
<!--1.10定义网页的关键字 SEO优化-->
<!--重点:meta元素,content属性设置网站包含的关键字-->
<meta name="keywords" content="net,enterprise,ERP,c#" />
<!--1.13禁止将页面加入缓存-->
<!--重点:meta元素,http-equiv相当于http头部 传回一些有用信息,帮助显示网页 content中的内容就是各个参数的值-->
<meta http-equiv="Pragma" content="on-cache" />
<title>第一章页面特效</title>
</head>
<script language="JavaScript">
//1.2页面自动最大化--为了方便用户的操作
//定位左上角
self.moveTo(0,0);
//调整屏幕
//重点:screen的availWidth/availHeight属性可以设置屏幕的最大宽度和最大高度
self.resizeTo(screen.availWidth,screen.availHeight);
//1.4页面的后退,前进,刷新
//重点:history对象,用来存储浏览器的历史数据,其参数为正数时候表示前进,为负数时表示后退
function back(){
history.go(-1);
}
function forward(){
history.go(+1);
}
function refresh(){
history.go(-0);
}
//1.5保护页面源代码--屏蔽对于源代码的查看
//原理:先将文档内容写入到一个变量中去,在然后清空,最后显示旧内容
function clear(){
Source=document.body.innerHTML;//获取当前页面内容
document.open();//打开文档
document.write("代码已经被屏蔽掉");//输出提示内容
document.close();//关闭文档
document.title="看不到源代码";//文档标题
document.body.innerHTML=Source;//重新写入旧内容
}
//1.6保护自己的网页不被放入框架
//重点:对于层的判断 可以被框架加载的页面不能位于"top"层
if(self!=top){
top.location=self.location;//不为顶层则把当前页面设置为顶层
}
//1.7打印页面出错的原因
//重点:try-catch
function getError(){
try{
x=new test;//产生错误
}catch(e){
document.write(e.description);//打印错误结果
}
}
//1.9倒计时载入当前页面
startday=new Date();//获取当前时间
clockStart=startday.getTime();
function initStopwatch(){
var myTime=new Date();
var
1.js页面特效大全
最新推荐文章于 2024-03-30 07:30:00 发布
本文详细介绍了JavaScript在创建网页特效方面的应用,包括动画效果、交互式元素和响应式设计等,帮助开发者提升用户体验。
摘要由CSDN通过智能技术生成