一、JavaScript 脚本

Bootstrap 包括一些 JavaScript 帮助用户做出更加充满生机、活动的项目。欢迎学习更多关于如何去调用动态事件、灵活展示的数据和编程性的API选项等。

二、单个引用或者编译

插件可以单独包含（使用Bootstrap的单独js/dist/*.js），也可以使用bootstrap.js或缩小的bootstrap.min.js（不包括两者）一次性包含。

如果使用bundler（Webpack，Rollup ...），则可以使用UMD就绪的/js/dist/*.js文件。

三、依赖关系

一些插件和CSS组件依赖于其它插件，这在系统中是被允许的。如果你要单个调用插件，请先在文档中检查它们的依赖关系。还要注意，所有插件都依赖于jQuery（即jQuery必须在所有JS插件文件之前调用）。参考 Consult our package.json可以以了解哪些详尽版本的jQuery是被支持的。
比如下拉菜单dropdowns、提示组件popovers、冒泡组件等都提依赖于Popper.js。

四、数据属性

通过HTML的数据属性几乎能启用并配置所有的Bootstrap插件（我们更倾向于函数化地使用JavaScript）。，住只能在单个元素上使用一套数据属性（例如，不能在一个按钮上同时触发一个工具提示和一个模态框）。

在某些情况下，可能需要禁用此功能。要禁用数据属性API，可用下面的方法在文档中解绑所有的带data-api命名空间的事件：

如需要指向特定的插件，只需要在调用插件的全名空间上拼接data-api作为命名空间，如下所示：

五、JS事件(Event)

Bootstrap为大多数插件的独一无二的行为提供了自定义事件。通常情况下，这里会有动词不定式和过去分词形式—如果在事件的开始触发了它的动词不定式（如show），而shown在完成某个动作后触发其过去分词形式（如shown）。

所有不定式事件都提供preventDefault()功能，从而使开发者设计一个动作开始之前就能终止它的执行。从事件处理程序返回false同样也是自动调用preventDefault()功能。

六、编程化的API

我们还相信，你能够纯粹通过JavaScript API来使用所有的Bootstrap插件。所有的公共的API都是单一的，可链接的方法，并返回执行的集合。

所有的方法都能够接收一个可取舍的options对象、一个指向特定方法的字符串，或者不接收参数（不带参数地调用这个方法将用默认行为初始化一个插件）：

每个插件都需要在Constructor属性上明文曝露它的原始构造函数$.fn.popover.Constructor。如果你想获得一个特定的插件实例，可以从一个元素中直接获得它：$('[rel="popover"]').data('popover')。

七、异步函数和转换

All programmatic API methods are asynchronous and returns to the caller once the transition is started but before it ends.

所有编程化的API方法均为异步，一旦转换开始并在结束之前返回给调用者。如果需要在转换完成后执行动作，您可以收听相应的事件（进行侦听并作出下一步的编程）：

另外，transition过渡组件上的方法调用将被忽略:

八、默认设置

用户可以通过修改插件的 Constructor.Default对象来更改插件的默认设置：

九、无冲突处理

有时，必须使用Bootstrap插件和其他UI框架。在这种情况下，偶尔会发生命名空间冲突。如果发生这种情况，您可以调用.noConflict恢复插件的值：

十、版本管理

每个Bootstrap的jQuery插件的版本都可以通过VERSION插件的构造函数的属性访问。如对于tooltip工具提示插件：

当JavaScript被禁用时，没有特殊的回调机制

Bootstrap插件在JavaScript被禁用时没有特殊的回调方式。如果你比较关心用户体验的话，可用<noscript>向你的用户解释情况（以及指引如何重新开启 JavaScript），然后/或者添加自定义回调机制。

十一、Util方法

默认bootstrap.js（预编译与精简版）都已经包含了util.js，因为Bootstrap所有JavaScript行为都依赖于util.js函数。

util.js包括效用函数和transitionEnd事件的基本帮助器以及CSS转换仿真器。它被其他插件用于检查CSS过渡支持并捕获挂起的过渡。

十二、清理器

工具提示和弹出窗口使用我们的内置清理器来清理接受HTML的选项。

默认的whiteList值如下:

如果要向此默认whiteList添加新值，可以执行以下操作:

如果您想绕过我们的清理器,例如DOMPurify,则应执行以下操作:

JavaScript 脚本相关推荐

嵌入式JavaScript脚本解释器的研究与实现
论文标题:嵌入式JavaScript脚本解释器的研究与实现 The Research and Implementation of an Embedded JavaScript Interpreter ...
html，css，js小实例,CSS和JavaScript脚本实例
CSS和JavaScript脚本实例导语:CSS样式和JavaScript脚本是应该放在外部文件中呢?还是把它们放在页面本身之内呢?以下的是百分网小编为大家搜集的CSS样式和JavaScript脚本 ...
如何在html中写javascript代码,如何在本地html代码中使用javascript脚本
我在jsfiddle中的代码正在工作,但是当我尝试在本地使用它时没有. 我不知道如何解决它,因为我认为代码是正确的. 我也尝试下载Jquery文件,并将其链接到代码中,但它不起作用.我确信这是一个愚蠢 ...
JavaScript脚本中 getElementById 返回值总是为空
出现该问题的主要问题是由于JavaScript脚本中调用的标签位置位于脚本位置之后,我理解的JavaScript调用了尚未加载的标签,故而出错.因此解决办法也好办,就是讲JavaScript代码写在b ...
服务器端执行javascript脚本
想实现这样的功能: 单击一个服务器端按钮(登陆)后,如果登陆成功隐藏页面上的一个HTML按钮. 于是想通过在服务器端执行javascript脚本实现: private void Btn_login_C ...
Python selenium巧用Javascript脚本注入解决按钮点选问题
Python selenium巧用Javascript脚本注入解决按钮点选问题参考文章: (1)Python selenium巧用Javascript脚本注入解决按钮点选问题 (2)https:// ...
SpiderMonkey－让你的C++程序支持JavaScript脚本
译序有些网友对为什么D2JSP能运行JavaScript脚本程序感到奇怪,因此我翻译了这篇文章,原文在这里.这篇教程手把手教你如何利用SpiderMonkey创建一个能执行JavaScript脚本的 ...
VS集成环境中的JavaScript脚本语法检查
集成在Visual Studio环境中的JavaScript脚本语法检查. 1.可以直接检验js文件,也可以检验html和aspx页面上的脚本语法. 2.集成环境中直接使用,双击定位到语法错误处. 3 ...
Aspx页面中直接编写javascript脚本
Aspx页面中直接编写javascript脚本 ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ Title : AspNet Page Using ...
document 文挡对象 - JavaScript脚本语言描述
document 文挡对象 - JavaScript脚本语言描述 ------------------------------------------------------------------- ...

JavaScript 脚本