首页 > 其他分享 >网页怎样引入本地硬盘上的JS文档

网页怎样引入本地硬盘上的JS文档

时间:2023-01-25 09:22:09浏览次数:52  
标签:浏览器 js 文档 本地 引入 JS 硬盘

  网页通过<script>标记可以引入在线的js文档,只有把网页保存在本地硬盘才能使用相对路径引入本地js文档,普通浏览器难以实现在线页面上引入本地js文档。怎么解决这个问题呢?

 

  首先准备好需要引入的JS文档,可以是成熟的JS库,也可以是自己编写的JS代码,把这些代码保存到本地硬盘浏览器的安装目录下的js文件夹。浏览器默认安装路径为“C:\Program Files\木头软件\木头浏览器(旗舰版)\js”,浏览器将自动读取该路径下的所有JS文档。

准备好存放在本地的js文件

  这里提供两种网页引入本地js脚本文档的方法。
一、临时需要引入本地js文档
  点击浏览器“编辑”菜单,选择“运行JS代码”,打开运行JS脚本代码的窗口。

运行js代码功能


  在“运行JS代码”窗口中,有一个引入JS的下拉列表框,自动列出本文第一步指定文件夹下的所有JS文档,直接勾选需要引入的JS文档,可以同时选择引入多个文档。输入JS代码后,点击“执行JS”按钮,浏览器自动在当前网页上完成引入JS文档和执行自定义脚本代码。

引入本地js文件


二、需要长期使用引入JS代码
  在浏览器的自动控制菜单中,打开项目管理器,创建一个“脚本代码”步骤。打开“引入JS文档”下拉列表框,自动列出软件目录下的js文件夹下所有JS文档,如果选择引入jquery库,然后就可以在代码中直接使用JQuery编码。最后保存这个项目文件“自动引入JQ".

自动引入本地js文件


  关闭项目管理器,再回到浏览器的主窗口,此时书签栏显示了”自动引入JQ”项目。不管哪个网站页面,需要时只要打开页面后点击这个书签按钮就可引入JQuery库。

自动引入JQuery库


  为了提高浏览器性能,每个页面只需引入一次同一个JS文档,如果多次执行引入相同的JS文档,则只有首次执行引入操作。如果网页刷新或跳转后,则需重新执行引入操作。

标签:浏览器,js,文档,本地,引入,JS,硬盘
From: https://www.cnblogs.com/mtrj/p/17066656.html

相关文章

  • js对象优化
    以相同顺序初始化对象成员,避免隐藏类的调整实例化后避免添加新属性尽量使用Array代替array-like对象避免读取超过数组的长度避免元素类型转换注:第五点图片解释 ......
  • Bot in discord with discord.js (14)
    Chapter17-Reaction反应反应(Reactions)是这样的一种东西:你可以这样为一条消息添加反应:不是任何消息都可以被添加反应的。比如管理员设置了成员在某些频道不允许添......
  • 适合编程初学者的开源云笔记系统(NodeJS版)
    目标为编程初学者打造入门学习项目,使用各种主流编程语言来实现。让想学编程的,一个都不落下。上述基本涵盖了当前编程开发所有主流语言。左侧为前端版本:安卓、iOS、鸿蒙......
  • NodeJS - XSS-Attribute
    参考:https://owasp-skf.gitbook.io/asvs-write-ups/cross-site-scripting-attribute-xss-attribute/kbid-3-xss-attributef12看看修改color的值,英文句子就会改变颜色,这......
  • NodeJS - XSS-href
    参考:https://owasp-skf.gitbook.io/asvs-write-ups/cross-site-scripting-href-xss-href/kbid-3-xss-url输入https://www.baidu.com再点击visit,会跳转至百度页面,这里可能......
  • NodeJS - XSS
    首先进入/skf-labs-master/XSS文件夹下,执行命令:$npminstall$npmstart抓包看看内容查看源码app.post("/home",(req,res)=>{letuserInput=req.body.stri......
  • 保护个人数据安全,使用luks加密硬盘分区
    create:2023-01-2417:44:44准备工作新硬盘4T,无数据。在root用户或sudo状态下执行。首先创建分区表,由于mbr最大支持只有2T,因此分区表创建为gpt格式。然后创建一个临时......
  • debian 安装 nodejs 当前版本
    参考https://github.com/nodesource/distributions/blob/master/README.md#debinstall InstallationinstructionsNode.jsv19.x:UsingUbuntucurl-fsSLhttps://de......
  • vuejs从入门到精通——Vue语法——插值绑定
    Vue语法——插值绑定插值绑定是Vue中最常见的、最基本的语法。绑定的内容主要有文本插值和HTML插值两种。一、文本插值文本插值用双大括号{{}}将要绑定的变量、值......
  • fiddler动态调试js
    背景 昨天获取到的网易云音乐站点的请求内容居然是加密的,就需要动态的调试js找出params很secSeky未加密之前的内容。调试方法 调试之前需要在目标浏览器上部署上fi......