external script外部脚本

最新推荐文章于 2023-02-07 13:21:59 发布
最新推荐文章于 2023-02-07 13:21:59 发布
阅读量1k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript 浏览器 脚本
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yaoguicheng/article/details/6497993
本文介绍如何通过创建单独的.js文件并将其链接到HTML文档来管理JavaScript代码。这种方式可以利用浏览器缓存，从而加快页面加载速度。.js文件通过在HTML的<script>标签中设置src属性来调用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 只包含javascript的单独文件，文件称为.js文件，在页面中的<script>中添加src属性，调用.js文件.

外部javascript储存在浏览器缓存里。

yaoguicheng
关注
【Zabbix4.2学习笔记】4、数据收集-外部监查
weixin_45452642的博客
09-18 500
使用场景 当被监控端无法安装agent，可以使用外部监查 准备 1.需要在server端配置ExternalScripts参数，指定脚本路径 2.准备获取监控数据的脚本 数据收集流程 脚本一般放在server/proxy上，当有外部检查监控项获取数据时，zabbix-server会到配置文件指定的路径查找监控项对应的脚本并且执行。脚本会到被监控的设备获取数据并将输出的结果返回给zabbix-ser...
Cocos 未关联脚本编辑器，是否立即在偏好设置内设置外部脚本编辑器
信徒博客
01-31 6072
 报错信息如下  选择是 然后进入偏好设置-把系统默认改为-Code或者是webstorm编辑器； 如果没有的话，就下载一个编辑器，把外部编辑器改成下载后的编辑器    1、我是下载了webstorm，先安装wenstorm， 2、然后找到偏好设置-外部编辑器，找到安装的目录文件，如下所示， 3、勾选自动编译脚本，然后确认，如下图所示  这个时候在Cocos里面...
External-Script-Executer:Blender Addon-快速执行外部简单脚本
05-11
Blender插件：外部脚本执行器 从菜单中的指定目录中列出Blender的脚本文件，然后执行所选的脚本。它主要用于轻松执行脚本，该脚本编写的小程序不足以使其成为附件。 =========== 如何使用 在此附件的“用户首选项”>“附件”>“首选项”中指定脚本文件所在的目录。 通过在Blender上按Shift+Ctrl+W ，将显示指定目录中的脚本列表菜单。可以从“输入”>“窗口”中的“外部脚本执行器”更改键分配。 菜单中显示的文件具有以下约定： 仅显示扩展名为.py文件 顶部是一个下划线名称_文件和目录，这些文件和目录以枚举目标之外的名称开头（例如_a.py __pycache__等）。 =========== 执行指定的脚本而不显示菜单 通过在键分配设置屏幕上的“ Script File Path属性中输入脚本Script File Path ，您可以立即执行指定的脚本，而无需
External script loader-crx插件
04-02
语言:English (United States) 启用在页面加载 此加载项时加载外部脚本以加载外部脚本以添加额外功能。 它可以从远程服务器加载脚本。 可以为用户管理功能。 内容脚本将在document_start状态下运行。
[Python] [SQL Server] sp_execute_external_script使用记录
土肆的笔记本
01-19 1232
文章目录前言基本语法Error记录1. 过程需要类型为 'nvarchar(128)' 的参数2. Unsupported input data type 前言 SQL Sever 2017及以后，开始支持在sql脚本里执行R和Python，官方的文档虽然举了很多例子，但实际使用起来还是踩了一些坑，记录一下。 基本语法 官方介绍 sp_execute_external_script ...
ActionScript ExternalInterface.call 参数有字符串 "/" 的解决方案
SUB 的专栏
05-19 2221
今天发现一个问题，如果在 ActionScript 中通过 ExternalInterface.call 调用 JavaScript 时，如果传递的参数有字符串，那么字符串中如果包含 / 符号的话，那么将会调用失败。这个也是 ActionScript 和 JavaScript 交互的一个 bug，解决办法是，对传递的字符串先进行一下处理在传递，处理方法很简单，比如要传递的数据是 data，将它进行
Safe-Uploading-for-Google-Drive-by-HTML-in-External-Server-using-Google-Apps-Script:这是一份报告，用于通过使用Google Apps脚本通过外部服务器中放置HTML将文件安全上传到Google云端硬盘
03-22
使用Google Apps脚本在外部服务器中通过HTML安全上传Google Drive 概述 这是一份使用Google Apps脚本通过外部服务器中放置HTML将文件安全上传到Google云端硬盘的报告。 描述 如果您想让用户使用Google端外部服务器中...
【Unity】如何设置你的默认External Scripts Editor
qq_39892883的博客
02-07 2527
【Unity】如何设置你的默认External Scripts Editor
hubot脚本集合hubot-scripts.zip
07-17
hubot-scripts 是 hubot 的社区脚本集合。这是个用于发布脚本，在你的 hubot 上增加脚本的新系统。可以在 hubot 脚本组织或者在 hubot 脚本 npm 标记上找到相应的脚本。一般来讲，这个下面几个有点相像：在 external-scripts.json 上增加一行在 package.json 上增加一行依脚本增加环境变量 标签：hubot
zabbix-templates
03-22
将web_monitoring.py复制到/usr/lib/zabbix/externalscripts 安装要求软件： apt install chromium chromium-common chromium-driver pip3 install -r requirements.txt 更改文件的所有者： chown zabbix:zabbix /usr/lib/zabbix/externalscripts/web_monitoring.py 创建新的Zabbix项目： 类型：外部检查 密钥：web_monitoring.py [-a ] 信息类型：数字（浮点） 单位：秒
external_scripts
03-20
开始使用 该脚本安装了一个nginx服务器，并显示“ hello world”页面。 安装方式 将环境配置为root apt install sudo git useradd -m -s /bin/bash userAdm passwd userAdm 编辑一个sudoers文件 # Host alias specification Host_Alias ALLOWEDHOSTS = ALL # User alias specification User_Alias MYADMINS = userAdm # Cmnd alias specification Cmnd_Alias PKGMGMT = /home/userAdm/external_scripts/nginx_install.sh nginx # User privilege specification MYADM
ZabbixServer配置文件详解
小埋的博客
08-11 9351
参数 是否必须 范围 默认值 描述 AlertScriptsPath 否 /usr/local/share/zabbix/alertscripts 自定义告警脚本的路径，取决于编译时候的datadir参数 AllowRoot 否 0 是否允许Zabbix以root用户启动，设为0的时候server默认会用zabbix用户启动，1则可以以roo
zabbix--External checks 外部命令检测
weixin_30405421的博客
06-22 483
概述zabbix server 运行脚本或者二进制文件来执行外部检测，外部检测不需要在被监控端运行任何 agentditem key 语法如下: 参数 定义 script shell 脚本或者二进制文件名. parameter(s) Optional command line parame...
zabbix 安装记录
zuopiezia的博客
04-01 200
###由于zabbix server在阿里云，配置较低，难以承担目前业务，考虑迁移到 本地机房 zabbix server 升级迁移 ##zabbixserver 192.168.xxx.256 ##zabbix 数据库 192.168.1xx.xx2 ##另外有个两台zabbix-proxy ，1台阿里云，另外一台在另一个机房中 配置： zabbixserver 1192...
js script type="text/html",html - Which is better: <script type="text/javascript">...</script> or <s...
weixin_42495504的博客
06-21 191
Both will work but xhtml standard requires you to specify the type too:..charset %Charset; #IMPLIED -- char encoding of linked resource --type %ContentType; #REQUIRED -- content type...
HTML 标记属性参考手册
本博客所有文章仅用于个人的知识积累
08-02 427
Name Related Elements Type Default Depr. DTD Comment abbr TD , TH %Text; #IMPLIED     abbreviation for header cell accept-charset FORM %Charsets; #IMPLIED   ...
内联脚本_通过数据的异步内联脚本：URI
cunbei2644的博客
09-29 519
内联脚本Inline scripts are synchronous. "Well, duh!" you may say. That's a feature, not a bug. Because accessing a variable after an inline script should succeed. And that's fine. But not great. 内联脚本是同步的...
前端引入外部js脚本
最新发布
07-12
在前端项目中引入外部 JavaScript 脚本是常见的需求，例如加载第三方库、分析脚本或小工具。以下是几种常用的方法： ### 1. 在 HTML 中直接使用 `<script>` 标签 这是最简单的方式，可以直接在 `HTML` 文件中通过 `<script>` 标签引入外部 JS 脚本。 ```html <script src="https://cdn.example.com/external-script.js"></script> ``` 这种方法适用于静态资源或全局依赖的脚本，需要注意的是，如果脚本较大或网络延迟，可能会影响页面加载性能[^3]。 --- ### 2. 动态创建 `<script>` 元素 可以在运行时动态创建 `<script>` 元素并插入到 DOM 中，这种方式适合需要按需加载脚本的情况。 以下是一个 Vue 示例，在组件挂载后动态加载多个外部脚本： ```javascript methods: { loadExternalScript() { this.loadScripts.forEach(script => { const scriptElement = document.createElement('script'); scriptElement.src = script; scriptElement.onload = () => { console.log('脚本加载完成后的回调'); }; document.head.appendChild(scriptElement); }); } }, mounted() { this.loadExternalScript(); } ``` 该方法允许更灵活地控制脚本加载时机，并可以处理加载完成后的回调逻辑[^3]。 --- ### 3. 使用模块打包工具（如 Webpack） 如果项目使用了 Webpack 等构建工具，可以通过 `script-loader` 或其他插件在全局上下文中执行一次 JS 脚本。这适用于需要一次性初始化的场景。 例如，使用 `script-loader` 来加载某个脚本： ```javascript require('script-loader!./path/to/external-script.js'); ``` 此方式会将指定的脚本作为全局执行，不会被打包进模块系统中，适合加载那些不兼容模块化的旧脚本[^1]。 --- ### 4. 使用前端框架提供的生命周期钩子 在 Vue 或 React 等现代前端框架中，通常会在组件的生命周期钩子中引入外部脚本。例如，在 Vue 的 `mounted()` 钩子中加载脚本，确保 DOM 已经渲染完毕。 ```javascript mounted() { const script = document.createElement('script'); script.src = 'https://example.com/external.js'; script.async = true; script.onload = () => { console.log('脚本加载成功'); }; document.body.appendChild(script); } ``` 这种方式有助于确保脚本在正确的时机加载，并避免阻塞页面渲染[^3]。 --- ### 5. 使用异步加载 (`async`) 或延迟加载 (`defer`) 在 HTML 中引入外部脚本时，可以通过 `async` 或 `defer` 属性优化加载行为： - **`async`**：脚本将异步加载，加载时不阻塞 HTML 解析，并在下载完成后立即执行。 - **`defer`**：脚本将异步加载，但等到 HTML 文档解析完成后再执行。 ```html <script src="https://example.com/script.js" async></script> <script src="https://example.com/script.js" defer></script> ``` 这两种属性能有效提升页面加载速度和用户体验，尤其适用于非关键路径的脚本[^3]。 --- ### 总结 根据项目结构和具体需求选择合适的引入方式： - 静态 HTML 页面推荐使用 `<script>` 标签结合 `async` 或 `defer`。 - 单页应用（SPA）推荐使用动态创建 `<script>` 元素或框架生命周期钩子。 - 模块化开发中可借助构建工具（如 Webpack）进行高级控制。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值