用原生js怎么动态添加一个js文件

用原生js怎么动态添加一个js文件,第1张

你好,

原生JS添加一个JS文件其实比较简单:

// 首先创建一个script标签

var script = document.createElement('script')

// 接着就可以给这个标签指定要加载的文件地址

script.src = './abc/123/cde.js'

// 如果后面的逻辑需要依赖这个js文件,那么需要在该JS完成加载后再执行其他逻辑

script.onload = function() {

    // script已经加载完毕,继续其他逻辑

    // 假如加载的jquery库,则接下来可以这么写

    $('body').css('backgroundColor', 'red')

}

// 当然,要真正执行加载文件,还需要将script标签添加到页面中

document.head.appendChild(script)

好了,就是这么简单。当然还有很多细节,比如考虑到页面代码整洁,加载后删除该标签也是可以的,而且很多库的loader方法也是有这方面功能处理的。

希望能解决你的问题。

原生态JS是指遵循ECMAscript标准的javascript,不同于微软的jscript也不依赖于任何框架,依托于浏览器标准引擎的脚本语言。

jquery是在原生态的js上集成的框架资源,使用jquery并不代表代码就不是你写的,区别在于使用jquery只是使用了它的语法,更利于兼容以及实现,jquery已经将常规的js兼容问题解决,所以使用起来出现不兼容的情况会更少,更利于开发。

但同时,要使用jquery等框架也需要去学习相关的语法,拥有js基础的同学学习jquery时会发现很轻松,在使用时也会发现很方便。

扩展资料

JS基本特点:

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

1、是一种解释性脚本语言(代码不进行预编译)。

2、主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。

3、可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。

4、跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。

Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。

Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。

参考资料:百度百科-javascript

在微信内置浏览器中可以通过weixin://链接直接查看某个微信号的资料,例如:

<a href=weixin://profile/gh_9261dce78e9f挖段子冷笑话</a

其中 gh_9261dce78e9f 是微信号

通过不断搜索测试,WeixinJSBridge这个对象也可以直接使用js代码来实现关注某个微信账号的,直接上代码:

var addWxContact = function(wxid, cb){

if (typeof WeixinJSBridge == 'undefined') return false

WeixinJSBridge.invoke('addContact', {

webtype: '1',

username: wxid

}, function(d) {

// 返回d.err_msg取值,d还有一个属性是err_desc

// add_contact:cancel 用户取消

// add_contact:fail 关注失败

// add_contact:ok 关注成功

// add_contact:added 已经关注


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11418482.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存