1.js页面特效大全

最新推荐文章于 2024-03-30 07:30:00 发布

学习急先锋

最新推荐文章于 2024-03-30 07:30:00 发布

阅读量954

点赞数

分类专栏：特效 javascript实战特效文章标签： js

本文链接：https://blog.csdn.net/myvanguard/article/details/53525132

版权

本文详细介绍了JavaScript在创建网页特效方面的应用，包括动画效果、交互式元素和响应式设计等，帮助开发者提升用户体验。

摘要由CSDN通过智能技术生成

<!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