简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 如何让网站打开前先加载一个js文件呢？
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-31 10:34:00
0
4
641

而且网站加载完成正常打开后网页代码里面不显示那段加载js的代码。这种能做到吗？？？求解

曾经蜡笔没有小新
曾经蜡笔没有小新

全部回复(4)
大家讲道理
大家讲道理2017-05-31 10:36:00 4 楼

不知道题主怎么定义 网站打开前呢？

如果只是说让网页早点加载js文件的话 ，可以把script引用放到head标签去。
不过题意又要求打开后网页代码不显示那段js，我是这么理解的，既然这样，其实主要分两步：

  1. 在head标签写一段内联js代码，代码的主要作用是负责引入js文件以及后续动作

  2. 所谓后续动作，就是引入文件后触发加载事件把这个文件的引入从文档dom里移除

我简单列一个demo：

首先准备页面 t.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>waterfall</title>
    <script type="text/javascript">
        (function(){
            // 动态加载script
            var script = document.createElement('script');
            var head = document.getElementsByTagName('head')[0];
            // console.log(head);
            // 脚本加载完就移除
            script.onload = function(){
                console.log('loaded script ready to remove');
                head.removeChild(script);
            };
            script.src = './t.js';
            console.log('load script');
            // 将script放到head里
            head.appendChild(script);
        })();
    </script>
</head>
<body>
    <p id="wrap" class="wrap"></p>
</body>
</html>

被引入的js： t.js

(function(){
    console.log('hello i am t');
})()

不知道这是不是题主要的效果？

点赞 +0
添加回复
左手右手慢动作
左手右手慢动作2017-05-31 10:36:00 3 楼

如果是为了提高加载速度，可以利用缓存，提前加载js，没遇到过

点赞 +0
添加回复
世界只因有你
世界只因有你2017-05-31 10:36:00 2 楼

用web服务器（比如nginx）往页面里面插内容？
然后这段js也在监听页面是否被加载完，加载完就删除自己。

点赞 +0
添加回复
Ty80
Ty802017-05-31 10:36:00 1 楼

iframe里放实际的网页，iframe外放js试试？

点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！