精华内容
下载资源
问答
  • 连接js中间件 动态连接JavaScript文件或将其保存到磁盘的模块。 该模块仍处于起步阶段。 随着文档的成熟,将添加更多的文档和功能。 要求 该模块已通过Node.js 8和9进行了测试。它可能与Node.js 6或7一起使用,但未...
  • 在一个JS文件中引用另一个JS文件 方法一 在调用文件的顶部加入下例代码: document.write(””); (注:有时你引用的文件还可能需要引用其他的js,我们需要将需要的那个js文件也以同样的方法引用进来) 方法二 通过...

    方法一

          在调用文件的顶部加入下例代码:

          document.write(”<script language=javascript src='js/import.js’></script>”);

          (注:有时你引用的文件还可能需要引用其他的js,我们需要将需要的那个js文件也以同样的方法引用进来)

    方法二

          通过中间界面对js进行应用,就是我们可以在某个html中引用了你需要的js文件,我们可以通过拿到那个html文件的对象,然后在通过这个对象去引用js的方法。

    方法三

    将下边代码放入Body中:

     

    new_element=document.createElement(”script”);
    new_element.setAttribute(”type”,”text/javascript”);
    new_element.setAttribute(”src”,”import.js”);
    document.body.appendChild(new_element);

     

    我们来分析一下关键的几句代码:

          首先,我们利用document.createElement(”script”)生成了一个script的标签,设置其 type属性为text/javascript,src为import.js(这里的1.js同2.js放在同一个目录,也可放在不同的目录)。最后将这个标签动态 地加入body中。如此一来,我们就可以调用到不同js文件中的方法了。

          注意:<script language=”JAVASCRIPT” src=’1.js’></script>一定要放在body下面。因为在2.js中用到了body(document.body.appendChild(new_element);)如果将引如2.js的代码放在body上面,也就是说,进入页面后,还没有生成body就已经执行b.js里的document.body.appendChild(new_element);了。这时body不存在就会抛javascript错误。

    展开全文
  • JS文件连接压缩

    2015-09-10 15:38:37
    使用GruntJS链接与压缩多个JavaScript文件使用GruntJS链接与压缩多个JavaScript文件一什么是GruntJS不想翻译英文,自己看它的网站吧->http://gruntjs.com/二:安装与运行它的官方教程说的不是很清楚,有点让第一次看...

    使用GruntJS链接与压缩多个JavaScript文件

    使用GruntJS链接与压缩多个JavaScript文件

    一什么是GruntJS

    不想翻译英文,自己看它的网站吧->http://gruntjs.com/

    二:安装与运行

    它的官方教程说的不是很清楚,有点让第一次看的人云里雾里的。我总结一下,GruntJS

    是基于与依赖服务器node.js的。所以首先第一步是下载并安装node.js,下载地址:

    http://nodejs.org/download/

    第二步:运行安装grunt命令行工具– 目的是为了使用grunt命令

    只有在windows的命令行窗口中运行:npm install -g grunt-cli即可。
    更具体的解释参见这里:http://gruntjs.com/getting-started

    第三步:在项目的根目录创建project.json与Gruntfile.js两个文件

    因为grunt的task运行要依赖于这两个文件。

    其中创建project.json文件方法可以通过命令行实现:nmp init我创建project.json

    内容如下:

    {
    
     "name": "fishchart",
    
     "version": "0.0.1",
    
     "description": "html5 canvas chart library",
    
     "author": "zhigang",
    
     "license": "BSD",
    
     "devDependencies": {
    
       "grunt": "~0.4.1",
    
       "grunt-contrib-uglify": "~0.2.2",
    
       "grunt-contrib-jshint": "~0.6.2",
    
       "grunt-contrib-concat": "~0.3.0"
    
      }
    
    }

    使用命令创建时候,如果你不知道写什么直接回车跳过即可。

    三: 安装与使用Grunt Plug-in完成javascript文件链接与压缩

    1. 安装javascript文件链接插件支持

    npm install grunt-contrib-concat --save-dev

    2. 安装javascript文件压缩插件支持

    npm install grunt-contrib-uglify --save-dev

    3. 在Gruntfile.js文件中配置选项,加载与定义task

    module.exports = function(grunt) {
    
        grunt.initConfig({
    
            //our JSHint options
            jshint: {
                all: ['main.js'] //files to lint
            },
    
            //our concat options
            concat: {
                options: {
                    separator: ';' //separates scripts
                },
                dist: {
                    src: ['js/*.js', 'js/**/*.js'], //Grunt mini match for your scripts to concatenate
                    dest: 'js/fishchart_v0.0.1.js' //where to output the script
                }
            },
    
            //our uglify options
            uglify: {
                js: {
                    files: {
                        'js/fishchart_v0.0.1.js': ['js/fishchart_v0.0.1.js'] //save over the newly created script
                    }
                }
            }
    
        });
    
        //load our tasks
        grunt.loadNpmTasks('grunt-contrib-jshint');
        grunt.loadNpmTasks('grunt-contrib-concat');
        grunt.loadNpmTasks('grunt-contrib-uglify');
    
        // default tasks to run
        // grunt.registerTask('default', ['jshint', 'concat', 'uglify']);
        grunt.registerTask('development', ['jshint']);
        grunt.registerTask('production', ['jshint', 'concat', 'uglify']);
        }

    四:运行结果

    展开全文
  • 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 7 <script src="commons.js"></...
     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Title</title>
     6 
     7     <script src="commons.js"></script>
     8 
     9 </head>
    10 <body>
    11 
    12 </body>
    13 </html>
    s13.html

     

    1 alert(123);
    commons.js

     

    转载于:https://www.cnblogs.com/ujq3/p/7885294.html

    展开全文
  • 常见js文件的简单区别

    一、JavaScript概述

    在这里插入图片描述

    在进行前端应用开发时,有时会用到一些JavaScript库,像jquery、Bootstrap、Vue等都是近些年流行的库。

    库指的是把具有相同功能方法的代码封装成一个个js函数,统一放到一个js文件中,经过不断的解耦,变成通过传递参数可以重复利用的代码。

    当有不同的功能需求时,只需要引入对应js文件即可。


    二、js文件的使用

    2.1 本地引用

    去官网或国内网站下载jquery.js文件到本地,在html中通过script标签的src属性引入jquery.js文件。

    基本语法:<script type="text/javascript" src="存放路径/js文件名"></script>
    

    验证引入文件正确:

    按住Ctrl键,鼠标移动到所引入的位置,观察文件是否能正确地显示连接,即下划线。
    

    在这里插入图片描述

    2.2 使用CDN

    CDN可以简单理解为存放js文件库的服务器形成的网络,拥有很多js文件的网络地址。

    笔者常用的CDN是字节跳动提供的静态资源公共库,链接如下。

    字节跳动静态资源公共库:http://cdn.bytedance.com
    

    使用这种方式的优点是可以提高网站加载js文件的效率。

    基本语法:<script type="text/javascript" src="网络路径"></script>
    

    在这里插入图片描述


    三、min.js文件与js文件

    不论是访问官网还是CDN,都提供了两种js文件供我们使用。一个是js文件,一个是min.js文件。

    3.1 简介

    js文件是JavaScript源码文件,min.js是压缩版的js文件,二者在功能上完全一致。

    3.2 区别

    以jquery为例。

    在这里插入图片描述

    从图中我们可以看到,js文件可读性好,便于调试和修改。

    但是相对的,比压缩后的min.js文件所占用空间大,就会造成服务器传输时间较长的问题。


    在这里插入图片描述

    min.js文件所占用空间相对较小,服务器传输比较快。

    但图中仅仅第二行就很长了,所以可读性较差。

    笔者认为,这也是计算机领域常有的问题,时间与空间二者不可得兼,一般都是找到一个二者的平衡点。
    

    3.3 原因

    为什么会有min.js文件的存在?

    1. 服务器角度。

      由于前端的浏览器解析代码文件是逐行读取解析的。当html文件部署到云端服务器以后,用户去访问网页或网站的流程是:浏览器找到服务器,把html文件下载后缓存,然后逐行解析。

      所以编写服务器代码时,如果能尽量减小代码文件的大小,数据传输速度就会很快,能显著提高服务器的响应速度。

    2. 代码角度。

      经过编码将变量和函数原命名改为毫无意义的命名,可以防止他人窥视和窃取js源代码。


    3.4 原理

    将.js文件压缩为min.js文件主要包括两个方面:

    1. 去掉无用的空格、换行符号、注释等,从而压缩js文件大小;
    2. 将原js文件中变量和函数的命名修改为没有实际意义的名称,进行语句的等价替换,如条件判断修改为使用三目运算符等。
    注:同样的原理也适用于其他静态文件,如min.css文件等。
    

    3.5 启示

    程序员编写服务器代码,由于面向浏览器,当用户量很大时,优化一点小的性能,比如尽可能少的使用TAB,空格,换行或其他符号,当项目上线时,优化效果就会十分显著。


    三、map文件的出现

    3.1 简介

    在这里插入图片描述

    2013年1月23日,jquery 1.9.0发布。这是2.0版之前的最后一个新版本,有很多新功能,其中一个就是支持Source Map。

    它是一个独立的map文件,与源码在同一个目录下。


    3.2 作用

    在这里插入图片描述

    以1.9.0版本为例,打开之后可以看到,Source Map是一个Json格式的信息文件,这个文件的里面储存着位置信息。

    因为min.map文件的存在,当min.js文件出现错误的时候,会显示可读性更好的.js文件来进行调试,而不是min.js文件,这样可以快速的找到错误的所在位置。

    在这里插入图片描述

    如果不使用min.map文件,当min.js文件出现错误的时候,找到错误位置的难度是可想而知的。

    故在1.9.0版本以后,在min.js文件里会有这么一行代码,来映射min.map文件。

    3.3 报错

    目前支持min.map文件的浏览器有Google Chrome、Firefox Firebug等。

    有时当min.js文件不存在对应的min.map文件的时候,打开引入jQuery脚本的页面时,可能在Chrome的控制台中打印”GET http://localhost/libs/jquery.min.map 404 (Not Found)“的错误。

    则有以下三种解决办法。

    	1. 引用官网文件;
    	2. Chorme浏览器—>【更多工具】—>【开发者工具】—>【Settings图标】—>去掉【Enable source maps】的对勾;
    	3. 如果是布置到生产环境中,可以把min.js中@source该行代码删掉;如果是在开发环境中,则下载同一版本min.map文件,放到jQuery同级目录中。
    

    3.4 总结

    需要上线的项目中是不使用jquery.min.map文件的,这个文件仅仅供给程序员用于快速发现js文件错误所在行和列。

    特别鸣谢:@李伟杰

    参考资料:

    1. JavaScript中.min.js和.js文件的区别讲解

    2. js.map文件意义

    3. 简单介绍以下jquery.min.map文件

    在这里插入图片描述

    注:以上说明均为个人经验,如有错误欢迎指出,笔者虚心改正。如果有更好的方法或者别的问题,也欢迎大家扫文末的微信平台二维码,共同交流,共同进步。

    展开全文
  • 在项目中新建jsp文件js文件和css文件,启动服务器,访问页面,加载不到js文件和css文件;(文件存在) jsp文件部分代码如下: . 这样就加载不了js文件和css文件;看了一下服务器里面也有相关文件,...
  • 如何链接外部JavaScript文件

    千次阅读 2020-05-24 14:02:04
    在本教程中,我们向您展示如何将外部JavaScript文件 (文件扩展名以.js结尾)链接到网页。 注意 在HTML中,您可以将JavaScript嵌入网页或外部JavaScript文件中,也可以同时实现两种方式。 1.外部JavaScript文件 ...
  • stm32+w5500做web服务器页面需要引用js文件js文件怎么放进去,相关实验例程中显示板子网关配置的静态页面,我看也引用了W5500.js,这个js文件完全没有找到,但是程序没有问题,我现在想在网页中显示图表,需要引用...
  • 相关的CMD命令 打开文件夹||进入指定文件夹 cd C:\Program Files\ 查看node.js版本 node -v 运行.js文件 node C:\phpStudy\...利用bat文件执行cmd命令运行node.js并执行.js文件 @echo off start cmd /...
  • node-webkit中js连接sqlite3文件型数据库

    千次阅读 2015-03-07 22:47:23
    使用nodejs连接sqlite数据库但是node的ABI与node-webkit的ABI对不上号,就快在崩溃的边缘时找到了一个比较好的连接sqlite3数据库的工具sql.js。从此变得一发不可收拾。  sql.js下载地址:https://g
  • js文件访问controller方法

    千次阅读 2019-04-03 19:56:18
    因为单独的js文件并不识别所谓的 ${pageContext.request.contextPath },所以访问controller方法的时候就很烦,总不能把js所有文件写到jsp里面吧这谁定的住啊,上一篇埋了一个坑,这一篇就来填上吧,回顾一下js...
  • Js 文件命名规范 字母全部小写 不要带空格 用破折号(-)连接单词 库文件可用逗点(.),用于体现版本或从属关系 Demo vue.min.js vue-router.js jquery.form.js jquery-1.4.2.min.js ...
  • pdf.js跨域加载文件

    万次阅读 热门讨论 2017-07-25 14:39:39
    pdf.js一个基于Html的工具类,熟悉pdf.js的朋友们很清楚,pdf.js帮助我们做了很多事。尤其金融类网站会产生很多的报表。需要在线预览。...这两个demo里面加载的是本地文件。这里没什么说的。其中demo
  • 一个JS文件引用多个JS文件

    千次阅读 2015-04-27 16:42:16
    "text/javascript" ;   if (script.readyState){  //IE   script.onreadystatechange = function (){   if (script.readyState== "load" ||script.readyState== "complete" ){   ...
  • js获取js文件传递的参数

    千次阅读 2019-10-11 18:59:12
    在使用script标签将一个js文件引入到另一个前端页面时,遇到需要传递参数的情况,并且在被引入的js代码中需要对传递的参数进行获取。 传递参数的方法很简单,就是像访问URL地址一样在script标签的src属性中引入的...
  • JS下载文件

    千次阅读 2020-03-24 10:55:14
    JS下载文件 const url = `${host}/videoData/?query=${JSON.stringify(params)}` fetch(url, { method: 'GET', headers: getHeaders() // 可以添加请求头信息 }) .then(response => { //...
  • js 实现上传文件

    万次阅读 2019-05-10 14:27:37
    // js 获取文件对象 // CFF 上传的接口失败了。为啥?! var url = "http://localhost:8080" + "/api/attachment/upload"; // 接收上传文件的后台地址 var form = new FormData(); // FormData 对象 ...
  •  此处考虑到了浏览器的兼容性以及当为Chrome、Opera时必须是发布,注释还是写的比较清楚的,以后需要加载某个js文件时,只需要一句话就行了,如loadJS("myJS","package.js")。方便实用。  如果想要实现不发布...
  • 技术文章 | Javascript 文件命名规范

    千次阅读 2017-09-12 13:25:05
    Javascript 文件命名规范
  • JAVA FTP 连接 及判断文件是否存在

    万次阅读 2017-08-25 17:13:19
    JAVA FTP 连接 及判断文件是否存在
  • 在一个JS文件中引用另一个JS文件

    千次阅读 2013-08-09 17:36:41
    注意:在html文件导入a.js时,应该把script>后面,否则 document.write()方法有问题。在载入页面后,浏览器输出流自动关闭;在此之后,任何一个对当前页面进行操作的 document.write()方法将打开—个新的输出流。它...
  • 如何动态加载js文件

    千次阅读 2008-10-27 10:39:00
    每个js文件需要耗费一些重新连接的时间,所以会导致页面显示过慢的情况。如果采用动态加载js的方式,先把几个重要的js下到客户端,然后跟据需要再加在相关的js可以提高页面显示的速度和效率。 下面介绍几种动态加载...
  • 前端js文件合并三种方式

    千次阅读 2016-08-03 18:28:50
    原文:...一个大文件,所有js合并成一个大文件,所有页面都引用它。 各个页面大文件,各自页面合并生成自己所需js的大文件。 合并多个共用大文件,根据实践情况合并出多个共用js文件,每个页面引用
  • 关于在JS中引入JS文件的JQ方法

    千次阅读 2018-04-19 14:39:11
    jQuery ajax - getScript()使用$.getScript()方法就可以进行加载JS文件的代码过来,但是通常这个函数并没有什么作用,因为它是使用传统的ajax进行js代码请求的,所以是异步的,在你加载过来之前你的所谓代码光标早就...
  • nodejs初始连接数据库文件设置

    千次阅读 2013-12-19 12:52:06
    第一个文件config.js /* 配置类*/ var path = require('path'); exports.config = {  debug: true,  name: '数据中心',  db: { "host": '10.10.11.199', "database": 'oa', "port": 3306, "user": 'goyoo', "pa
  • javaScript学习笔记(一)js基础

    万次阅读 多人点赞 2018-09-21 10:07:18
    JavaScript是目前web开发中不可缺少的脚本语言,js不需要编译即可运行,运行在客户端,需要通过浏览器来解析执行JavaScript代码。 诞生于1995年,当时的主要目的是验证表单的数据是否合法。 Java...
  • 浏览器中只加载了那个html文件中的一些字、div什么的,外部导入的css,js文件都不显示,打开浏览器的控制台上各种资源找不到,404,用了ssm框架。html文件等是网上下的模板。 求大神指导!!! 贴代码贴代码:web....
  • 在nginx代理加载本地js文件报错,错误如下所示。新人就不明白了,在此连接打开能够找到文件,为什么就是加载不进ftl文件里,求帮忙![图片](https://img-ask.csdn.net/upload/201612/13/1481595956_53003.jpg)
  • CI-CodeIgniter框架之前有过关注,近期有个小项目打算来用一下,发现其在application文件下的访问权限被限制了,一些资源文件CSS,JS,img等资源文件都无法正常加载,谷歌,百度以后,发现有好多朋友碰到类似的问题...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 348,313
精华内容 139,325
关键字:

怎么连接js文件