`
xiaolaogong
  • 浏览: 66841 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

自己写的测试前端页面js

 
阅读更多

testConfig = {
    base_source_uri : 'http://static.test.com',
    script_sourc_uri : '/script/',
    style_source_uri : '/style/',
    
    setBaseSourceUri : function(source) {
        this.base_source_uri = source;
    },
    setScriptSourceUri : function(source) {
        this.script_sourc_uri = source;
    },
    setStyleSourceUri : function(source) {
        this.style_source_uri = source;
    }
 

 
写道
models = {};
models.login = {script:'login.js',css:'login.css'};
models.test = {script:'test.js',css:'test.css'};
 
(function() {

    function loadScript(source) {
        script = document.createElement('script');
        script.type = 'text/javascript';
        script.language = 'javascript';
        script.charset = "UTF-8";
        script.src = source;

        script.onload = script.onreadystatechange = function() {
            done = false;
            if(!done && (!script.readyState || script.readyState == 'loaded' || script.readyState == 'complete')) {
                done = true;
                script.onload = script.onreadystatechange = null;
            }
        }
        document.getElementsByTagName("head")[0].appendChild(script);
    }

    function loadCss(source) {
        var link = document.createElement('link');
        link.rel = 'stylesheet';
        link.type = 'text/css';
        link.media = 'screen';
        link.href = source;
        document.getElementsByTagName('head')[0].appendChild(link);
    }

    function loadModel(name) {
        model = models[name];
        style_source = testConfig.base_source_uri + testConfig.style_source_uri + models[name].css;
        script_source = testConfig.base_source_uri + testConfig.script_sourc_uri + models[name].script;

        loadCss(style_source);
        loadScript(script_source);
    }

    testLoaser = {
        localCommon : function() {

        },
        loadTestCommon : function() {

        },
        loadTestModel : function(testModelName) {
            loadModel(testModelName);
        }
    };

    window.loadTestModel = testLoaser.loadTestModel;

})()

 测试页面代码

 <script type="text/javascript" charset="UTF-8">
            (function() {
                loadTestModel('test');
            })();

        </script>
 
分享到:
评论

相关推荐

    测试m3u8切片视频播放前端页面.rar

    5. **优化与兼容性**:考虑到不同浏览器对HLS的支持程度不一,前端页面可能需要针对Safari(内建支持HLS)和其他浏览器(如Chrome、Firefox,需要依赖Hls.js等库)进行适配。此外,还可以通过检测用户网络状况,动态...

    java-前端页面模板

    Java 前端页面模板是为开发者提供的一种基础架构,旨在简化前端开发流程,尤其适合初学者或希望快速搭建项目原型的团队。该模板没有采用复杂的前端框架,如React、Vue或Angular,而是以更轻量级的方式构建,使得理解...

    NodeJs写的会员管理系统前端页面

    在本项目中,前端页面主要负责展示和交互,用户可以通过前端界面完成会员信息的增删改查操作。 【前端】 前端开发主要关注用户可见的部分,包括网页设计、用户体验、交互逻辑等。在这个项目中,前端使用HTML、CSS和...

    IEtester 0.5.2.7z 测试前端页面各个版本的效果开发

    本文将深入探讨IEtester 0.5.2这一工具,它是一个专门用于测试前端页面在不同版本的Internet Explorer浏览器中的表现的利器。 首先,我们来了解**IEtester**的核心功能。IEtester是一款强大的跨平台软件,它允许...

    web前端性能测试

    前端性能测试旨在全面评估网页的加载速度与响应效率,涵盖页面渲染、网络传输、服务器端解析等多个维度。其核心目标是识别并定位导致性能瓶颈的关键因素,进而提出针对性的优化策略,以显著改善用户体验。 ### 2. ...

    展示屏代码集合前端页面

    本项目名为“展示屏代码集合前端页面”,其主要目标是利用ECharts库来实现物流行业的可视化大屏。ECharts是一款由百度开源的、基于JavaScript的数据可视化库,它提供了丰富的图表类型和强大的交互功能,能够帮助...

    把PDF文件展示在前端页面

    在现代Web应用中,将PDF文件直接在前端页面展示给用户是一种常见的需求,尤其是在文档分享、在线阅读和教育领域。本篇文章将详细讲解如何利用给定的`touchpdf-master`压缩包来实现这一功能。 首先,`touchpdf-...

    自己写的测试小页面客户端

    标题中的“自己写的测试小页面客户端”指的是一个个人或团队开发的用于测试目的的Web应用...这个项目可以作为一个学习Web开发实践的好案例,涵盖了从基本的前端页面构建到复杂的身份验证和性能优化等多个层面的知识。

    公司门户网站前端页面

    【标题】"公司门户网站前端页面"涉及的知识点主要集中在网页设计和前端开发领域,特别是如何构建美观且功能齐全的企业门户。这些页面通常用于展示公司的品牌形象、产品服务、新闻动态以及与合作伙伴的关系,因此它们...

    海康前端调试页面demo.zip

    综上所述,"海康前端调试页面demo.zip"是一个针对海康威视设备的前端调试工具,利用HTML和JavaScript技术实现无插件调试,包含最新的Web技术来处理音视频流,帮助开发者高效地测试和优化设备的前端界面。

    fxpt_可视化h前端页面_源码

    本文将深入探讨“fxpt_可视化h前端页面_源码”这一主题,解析其背后的前端技术、设计理念以及如何利用这些源码创建可视化平台。 首先,"可视化"是指通过图形、图表和其他视觉元素来展示复杂数据或过程的技术。在...

    仿知乎前端页面

    【标题】"仿知乎前端页面"的实现是一个前端开发项目,旨在模仿知名问答社区知乎的用户界面和交互体验。这个项目涵盖了多个关键的技术领域,包括前端框架和后端服务的集成,以及网页的布局和功能设计。 【描述】中...

    电商前端页面

    在电商领域,前端页面是至关重要的,因为它直接影响到用户的购物体验和网站的转化率。一个优秀的电商前端页面设计,不仅需要美观,还需要高效、易用和功能完备。下面,我们将详细探讨电商前端页面的设计原则、常见...

    index_前端页面_

    前端页面的开发流程通常包括设计、编码、测试和优化几个阶段。设计阶段可能涉及线框图或原型图的制作,以规划页面的结构和交互。编码阶段则根据设计将这些概念转化为实际的HTML、CSS和JavaScript代码。测试环节包括...

    爱投票系统 - 前端页面(二)

    Jest是JavaScript的单元测试和集成测试工具,对Vue.js项目特别友好。 8. **plopfile.js**:Plop是一个快速生成项目模板的工具,plopfile.js定义了生成模板的指令。通过它,开发者可以快速创建新的组件、页面或其他...

    web前端技术方案web前端技术方案

    1. 前后端分离:前端拥有完整独立的开发、测试、部署的流程,与后端完全分离,减少沟通成本。 2. 模块化与组件化:封装可重用 UI 组件、业务逻辑,提升代码库的可重用性、可测试性。 3. 流程自动化:提升效率、避免...

    仿站 抓取前端的页面

    接着,要抓取前端页面的JavaScript及其他功能,可以采用网络爬虫技术。Python中的Scrapy框架或者BeautifulSoup库是常用的选择。需要注意的是,有些网站可能使用了反爬策略,如验证码、User-Agent限制、IP封锁等,...

    在线编辑onlyOffice前端引入js包

    在线编辑onlyOffice前端引入js包是实现与onlyOffice集成的关键步骤。onlyOffice是一款强大的在线文档编辑器,允许用户在浏览器中直接编辑、协作处理Word、Excel和PowerPoint文档。为了在您的网页应用中嵌入only...

    前端测试工具

    在前端开发过程中,测试工具是不可或缺的助手,它们可以帮助开发者高效地定位问题,优化代码,确保网站在不同浏览器和设备上的兼容性。本篇文章将详细探讨一些常用的前端测试工具,包括Firefox和IE浏览器的调试插件...

    用于前端扒取页面的小工具

    "小飞兔"是一款专为前端开发者设计的页面扒取工具,它可以帮助用户轻松地抓取网页内容,便于进行数据分析、网页重构或者学习HTML、CSS、JavaScript等前端技术。这款工具以其简洁的操作界面和强大的功能,深受前端...

Global site tag (gtag.js) - Google Analytics