js中引入js

第一个js文件(被引入的js文件),文件名one.js,内容如下

function alertInOne(){
    alert(‘in one‘);
}

第二个js文件,文件名two.js,内容如下

//注意这个地方
document.write("<script language=‘javascript‘ src=‘one.js‘></script>");
function alertInTwo(){
    alert("in Two");
}

调用的html文件,只需要引入two.js,就能引入one.js了

<script language=‘javascript‘ src="two.js"></script>
<script language="javascript">
    alertInOne();
    alertInTwo();
</script>

应用场合:
在平时开发的时候,我们都会有一些js文件的积累,大部份场合是不需要重新写的。
但我们会把js文件的功能尽可能的细分,以便引入的时候不引入无用的代码,但这样造成的问题是在jsp文件
中要写大量的这样的句子
<script language=‘javascript‘ src="two.js" charset="utf-8"></script>
如果你有100个jsp文件,都用到10个js文件,这个时候每个jsp文件写10句引入,这个是个麻烦的事情
现在,通过js文件的引入可以解决这个问题。定义一个js文件用来引入一些组合,jsp文件则只需要引入1个
这样的js文件就可以了。js代码少了100*99行

另外引入的js文件时候最好加上charset,特别是你的js文件有非英文,数字的时候。
事例的代码下载:http://www.blogjava.net/Files/dreamstone/importJs.rar

转:https://blog.csdn.net/weixin_33895475/article/details/86046489

var sdkInit
window.onload = function ()
{
sdkInit = {
"account": ‘‘,
"appkey": ‘‘,
"k7_vaildCode": ‘‘
}

//在一个js文件中引入另一个js文件
var new_element=document.createElement("script");
new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src","http://h5.7k7k.com/assets/v0.1.0/k7sdk.js");
document.body.appendChild(new_element);
}
---------------------

// js中引入一个css文件
var css = document.createElement(‘link‘);
css.rel = ‘stylesheet‘;
css.href = ‘https://sdk.militop.com/assets/css/h5sdk.css‘;

document.head.appendChild(css);
---------------------
版权声明:本文为CSDN博主「李佳和89757」的原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/ljh243581579/article/details/84306886

原文地址:https://www.cnblogs.com/xiaoshen666/p/11326494.html

时间: 2024-08-28 16:51:11

js中引入js的相关文章

关于自定义控件中引入js脚本

自己写了一个自定义控件的工程,工程名为TestControls,自定义控件的内容为: namespace TestControls { public class TestBoxControl : Control { private string textValue = "コピー"; [Description("ボタンのテキスト値")] [Browsable(true)] public virtual string TextValue { set { textValu

页面中引入js的几种方法

通常大家最为熟悉的是一下两种方法: 在页面中直接写入<script type="text/javascript">js代码</script>. 在页面中引入外部文件<script src="xx.js"></script>. 下面再介绍几种页面引入js的代码: 在js中引入外部js,通过document.wirite("scr"+"ipt src='xx.js'></scr&q

使用Maven构建Java Web项目时,关于jsp中引入js、css文件路径问题。

今天有点闲,自己动手搭建一个Java Web项目,遇到jsp中引入js.css文件时路径不正确的问题,于是在网上查阅了很多资料,最终都无法解决问题,于是,上stackoverflow找到了解决方法,这里不得不吐槽一下国内资料的可信度,不说了,以后遇到问题尽量还是google吧,花点钱买个vpn值了,生命有限,节约时间. 下面记录下解决方法吧: 首先,确保jsp引入了jstl:<%@ taglib uri="http://java.sun.com/jsp/jstl/core" pr

yii 中引入js 和css 的方式

在yii中 我们需要引入css 和 js 的时候,yii 自身有需要的类. 当我在views 视图层中引入css 和 js , <?php Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl .'/css/articleIndex.css');?> <?php Yii::app()->clientScript->registerScriptFile(Yii::app()->base

在Vue.js中引入jQuery的方法:

步骤一:首先先下载jQuery包 cnpm i jquery -D // 下载 jQuery包 步骤二:在webpack.config.js中配置jquery插件 步骤三:在要使用jQuery的组件页面引入jQuery import $ from 'jquery' //引入jquery

JSP中引入js文件

1. 引入的js文件代码执行出错        排查方法:将引入的js文件中的代码直接放到jsp中<script></script>标签内,使用浏览器访问,如果出错,则为js 代码存在问题 2. 如果步骤一中未出错,但引入时报错,则有两种可能 引入Js的指令有错误 引入的Js的编码格式与当前页面不匹配 1) 引入Js的指令有错误     |-source     |    |     |    ---js     |      |     |      ---base.js    

js出现红叉怎么办 解决办法 在eclisp中引入js(JavaScript )文件出现红叉解决办法

js文件引入eclipse工程出现红叉 原因: 这是Eclipse或者MyEclipse校验失败的错误,不影响程序正常执行. 解决办法: 1.可以不管,如果不影响使用,eclipse对js校验不太准: 2.运行程序,没有问题,别管了,有问题就换一个: 3.clean project: 5.如果是myeclipse,选中js文件,右键Myeclipse--ManaValidation--ExcludeResource--(选中全部或者那个js)--OK: 操作后还出现红叉,那就clean一下工程,

vue3.0在main.js中引入.scss文件报错

写入.scss文件在mian.js中 import './styles/index.scss'后出现上图报错 解决方案: 在vue.config.js文件中添加以下代码 module.exports = { css: { loaderOptions: { sass: { data: `@import "@/style/index.scss";` } } } } 原文地址:https://www.cnblogs.com/jmwei/p/10196554.html

JS动态引入js,CSS——动态创建script/link/style标签

一.动态创建link方式 我们可以使用link的方式.如下代码所示. function addCssByLink(url){ var doc=document; var link=doc.createElement("link"); link.setAttribute("rel", "stylesheet"); link.setAttribute("type", "text/css"); link.setA