首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

从bookmarklet加载外部JS?

Bookmarklet (也称为 URL Shortener、Bookmark Enhancer、Bookmark Maker、Bookmarklet Generator) 是一种小型应用程序,它可以使你方便地添加书签、注释和分享内容。通常情况下,书签小工具将把内容添加到一个弹出框中,并提供附加功能,让用户可以直接在浏览器中执行某个操作。它们可以从任何链接或页面加载外部 JS 文件。以下是如何从 bookmarklet 加载外部 JS 的步骤:

  1. 首先,创建一个书签工具或者使用现有的书签工具。
  2. 创建书签工具或导入现有的书签工具时,请使用 JavaScript 链接。该链接应包含外部 JS 文件的 URL。你可以使用下面的格式:
代码语言:javascript
复制
javascript:(function()%7Bconsole.log('Hello, world!');%7D());

将此链接插入书签工具中。当你在任何网页上触发这个书签工具时,外部 JavaScript 代码将执行。

请注意,书签工具应支持触发事件。通常可以使用 onclick 事件以在用户点击书签工具时加载外部 JavaScript。例如:

代码语言:javascript
复制
javascript:(function()%7Bconsole.log('Hello, world!');%7D());

// 添加 onclick 属性以触发事件
function()
{
  return document.addEventListener('DOMContentLoaded',function()
  {
    // 请在此处加载外部 JavaScript 文件
  });
};
  1. 加载外部 JavaScript 文件后,根据需要设置全局或局部变量、调用函数等。

总的来说,使用 Bookmarklet 加载外部 JS 文件是非常方便的。书签工具在用户点击链接(书签工具的触发事件)时自动加载 JavaScript 文件,并执行其中的代码。你可以在许多场景中使用书签工具加载外部 JS 文件,如表单验证、用户权限获取、数据分析、页面功能增强等。请确保书签工具加载外部 JS 文件不会覆盖本地文件系统中的配置或修改,并遵守当地法规。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

5分52秒

19、属性赋值-@PropertySource加载外部配置文件

12分4秒

18、尚硅谷_SpringBoot_配置-外部配置加载顺序.avi

14分23秒

93.尚硅谷_JS基础_文档的加载

12分34秒

26-尚硅谷-webpack从入门到精通-懒加载和预加载

13分37秒

07_尚硅谷_Hive安装_从文件系统加载数据

17分14秒

Golang教程 智能合约 54 加载js文件与启动私链挖矿 学习猿地

16分49秒

15-尚硅谷-webpack从入门到精通-js语法检查eslint

4分26秒

17-尚硅谷-webpack从入门到精通-压缩html和js

2分19秒

15.Webpack5从入门到原理-基础-处理js资源介绍

7分6秒

42.Webpack5从入门到原理-高级-CodeSplit-多入口按需加载

38秒

28.Webpack5从入门到原理-基础-html和js压缩介绍

3分50秒

03-尚硅谷-webpack从入门到精通-path.js文件分析

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券