开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Javascript外部不起作用，但在内联工作时

JavaScript外部不起作用，但在内联工作时，可能是由于以下原因：

文件路径错误：确保外部JavaScript文件的路径正确，并且可以被访问到。可以使用相对路径或绝对路径来引用外部文件。
文件加载顺序：如果在HTML文档中引用外部JavaScript文件，确保它在使用JavaScript代码之前被加载。可以将<script>标签放置在HTML文档的<head>部分或<body>部分的底部。
语法错误：检查外部JavaScript文件中的语法错误。如果存在语法错误，整个JavaScript文件可能无法正常工作。
依赖关系问题：如果外部JavaScript文件依赖于其他JavaScript文件或库，确保这些依赖文件也被正确加载，并且在使用之前已经加载完毕。
跨域问题：如果外部JavaScript文件与HTML文档不在同一个域下（跨域），可能会受到浏览器的安全限制，导致JavaScript代码无法正常执行。可以通过使用JSONP、CORS等技术来解决跨域问题。

对于JavaScript内联工作时，可以直接在HTML文档中使用<script>标签将JavaScript代码嵌入到HTML中。这种方式可以确保JavaScript代码在加载HTML时立即执行。

JavaScript的应用场景非常广泛，包括但不限于：

前端开发：JavaScript是前端开发的核心语言，用于实现网页的交互和动态效果。推荐的腾讯云产品是腾讯云Web+，详情请参考：腾讯云Web+
后端开发：JavaScript也可以用于后端开发，例如使用Node.js构建服务器端应用程序。推荐的腾讯云产品是腾讯云云服务器CVM，详情请参考：腾讯云云服务器CVM
移动开发：JavaScript可以用于开发移动应用程序，例如使用React Native或Ionic框架。推荐的腾讯云产品是腾讯云移动应用开发平台MPS，详情请参考：腾讯云移动应用开发平台MPS
数据库：JavaScript可以用于与数据库进行交互，例如使用MongoDB的JavaScript驱动程序。推荐的腾讯云产品是腾讯云数据库MongoDB，详情请参考：腾讯云数据库MongoDB
人工智能：JavaScript可以用于实现一些简单的人工智能功能，例如使用TensorFlow.js进行机器学习。推荐的腾讯云产品是腾讯云AI开放平台，详情请参考：腾讯云AI开放平台

总结：JavaScript是一种强大的编程语言，广泛应用于云计算和IT互联网领域的各个方面。它可以用于前端开发、后端开发、移动开发、数据库操作、人工智能等多个领域。腾讯云提供了一系列与JavaScript相关的产品，可以满足不同场景下的需求。

相关搜索:Angular辅助路由在本地工作，但在部署时不起作用 Fetch方法在函数外部工作，但在函数内部不工作 javascript getElementById外部函数不起作用 Javascript内联脚本onchange不起作用 JavaScript手动单击运行命令，但在加载时不工作 Microsoft bot在本地工作，但在发布时不起作用 MySQLdb在本地工作，但在部署时不起作用为什么这个内联JavaScript代码不能工作？代码以交互方式工作，但在编织时不起作用代码在Debug上工作，但在发布时不起作用

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【JavaScript】JavaScript 简介 ② ( JavaScript 书写方式 | 内联 JavaScript | 内嵌 JavaScript | 外部 JavaScript )

) JavaScript 脚本 ; 外部 ( External ) JavaScript 脚本 ; 1、内联 JavaScript 将单行或少量 JavaScrip 代码直接在 HTML 标签元素...内联 ( Inline ) JavaScript 脚本 --> <input type="button" value="按钮" onclick="alert('<em>内联</em> ( Inline ) <em>JavaScript</em>...<em>外部</em> ( External ) <em>JavaScript</em> 脚本 alert("外部 ( External ) JavaScript 脚本"); 然后 , 在 HTML 文件中使用标签的...src 属性来引用它 , 这种书写方式称为 " 外部 JavaScript " ; 注意 : 引入 js 文件时 , <script src=...外部 ( External ) JavaScript 脚本 alert("外部 ( External ) JavaScript 脚本"); HTML 网页代码 : <!

1461 0

动态调用js文件、外部js文件时，alert起作用 document.write不起作用

现在是页面已经加载进来了，所以我认为点击后，加载进来的js，执行document.write，那么文本的输出浏览器不处理，而不是像加载时输出在当前元素里面。

4.7K1 0

【Java 进阶篇】JavaScript 与 HTML 的结合方式

JavaScript 的嵌入方式要在HTML中嵌入JavaScript代码，有几种方式可以选择： 1.1 内联方式内联方式是将JavaScript代码直接嵌入到HTML文件中的方法。...1.2 外部文件方式为了更好地组织代码并提高可维护性，你可以将JavaScript代码保存在外部文件中，并在HTML中引入这些文件。这样可以将JavaScript代码与HTML分离，使代码更清晰。...onsubmit：表单提交时触发。 onload：文档加载完成时触发。你可以使用内联方式或外部文件方式添加事件处理程序。以下是一个使用内联方式的示例： <!...最佳实践以下是一些最佳实践，以确保JavaScript与HTML结合的顺利工作：将JavaScript代码放在文档的底部，以加快页面加载速度。...使用外部文件方式组织和存储JavaScript代码。合理使用事件处理程序，不滥用内联事件处理。使用现代的DOM操作方法，避免过时的方法。测试你的代码以确保它在不同的浏览器中运行良好。 6.

5964 0

你真的了解“盒模型”吗？

阅读时间：6min 目标：学习盒模型的基本理论，了解盒装模型的工作原理，了解盒模型与替代模型的区别以及如何进行切换。前置条件：HTML和CSS基础知识。...块级盒子和内联盒子在 CSS 中我们广泛地使用两种“盒子” —— **块级盒子** (block box) 和 **内联盒子** (inline box)。...内联盒子的特性盒子不会产生换行。 width 和 height属性将不起作用。垂直方向的内边距、外边距以及边框会被应用但是不会把其他处于 inline 状态的盒子推开。...我们通过对盒子display属性的设置，比如 inline 或者 block ，来控制盒子的外部显示类型。补充: 内部和外部显示类型在这里最好也解释下**内部** 和 **外部** 显示类型。...如上所述， css的box模型有一个外部显示类型，来决定盒子是块级还是内联。同样盒模型还有内部显示类型，它决定了盒子内部元素是如何布局的。

6353 0

Oracle 12.2 的连接消除特性

编辑手记：在12.1及以前的版本中，当祖父，父，子表之间有明显的主键和引用完整性约束，只有加入的主键是单个列键时，才能进行连接消除; 但在12.2多列主键也允许发生连接消除，优化器从内联视图中删除父对象...在早期版本的Oracle连接中，只有当加入的主键是单个列键时，才能进行消除，因此12.1和更早版本将只能从此三表连接中消除祖父项; 但在12.2多列主键也允许发生连接消除，所以我们可能希望我们从这个查询中获得的计划将消除祖父母表和父表...可见，基于多列主键的连接消除不起作用，可能必须按照列出from子句中的表的顺序菜可以产生预期的结果。...然后优化器优化内联查询，消除祖父级在父级和子级之间留下联接，最后才允许父级被删除。但我们得到的结果如下： ?...在这种形式下，优化器从内联视图中删除父对象，并在子对象和祖父对象之间留下连接 - 因此无需进一步消除。

1.5K6 0

CSS基础教程学习总结

1.1 CSS的"hello world" 二、CSS选择器及几种引用方式 2.1 id选择器 2.2 class选择器 2.3 几种引用方式 2.3.1 外部引用 2.3.2 内部引用 2.3.3 内联引用...2.3 几种引用方式 2.3.1 外部引用写在里面，用 link 标签来引用一个.css文件。...示例：所有p元素遵循这个样式，并且这个使用了内联样式 2.3.4 优先级内联引用>内部引用>外部引用 ---- 三、CSS position...*/ position: static; border: 3px solid #73AD21; top: 50px; /*演示：这句话不起作用，可删去*/ left...height: 30px; top: 20px; } div.sticky { /*和flex定位有些相似，但是又有些不同 sticky是粘的意思，一开始可以自由滑动，当到一定位置时就会在那里不动

9665 0

【专业技术】CSS作用及用法

id="para1": 实例 #para1 { text-align:center; color:red; } ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用...使用方法编辑有三种方法可以在站点网页上使用样式表：外联式Linking（也叫外部样式）：将网页链接到外部样式表；嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表；内联式Inline...（也叫行内样式）：应用内嵌样式到各个网页元素；其中，优先级：内联式 > 嵌入式 > 外联式外部样式表当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。...使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。...当特殊的样式需要应用到个别元素时，就可以使用内联样式。

1.4K7 0

CSS总结

四种应用样式方式的优先级：内联式[行内样式] > 内嵌式[内部式] > 链接式[外部式] > @import导入式。　　...在实际的工作中，我们用到了哪些标签，就给那些标签进行重置内外边距。...（但在IE6中只有html和body 两个元素支持此属性。）　　...　　[6]:当父元素没有指定高度并且子元素有浮动时，这个父元素的高度不会自动增加. [7]:在给盒子的父盒子加居中时，一定要有宽度才能使得父盒子居中....[2].内联元素：{display:inline}内联元素只能容忍文本和其他内联元素，它允许其他元素与其同一行，但宽度和高度变得不起作用，常见内联元素有：em、span、a等（不能设置宽和高，不影响换行

2.1K1 0

【译】不是 TypeScript 的 TypeScript -- JSDoc 的超能力

TypeScript 团队也在努力确保类型检查适用于常规 JavaScript 文件。...TypeScript 能够通过从使用 JavaScript 的方式正确推断来找出正确的类型。...使用//的内联注释不起作用。...内联注释一切都会很快变得拥挤。...类扩展时指定通用参数。

3.1K3 0

JavaScript是什么意思？

JavaScript是如何工作的？当Web浏览器加载网页时，HTML解析器开始解析HTML代码并创建DOM。...每当解析器遇到CSS或JavaScript指令（内联或外部加载）时，它都会根据需要移交给CSS解析器或JavaScript引擎。...JavaScript引擎加载外部JavaScript文件和内联代码，但不会立即运行代码；它等待HTML和CSS解析完成。...●　将外部javascript文件加载到网页中，如下所示：如果javascript...例：网页在加载时弹出警告框 alert("Page is loaded");

10.8K1 0

React技巧之理解Eslint规则

然而，在这种情况下，它会导致一个错误，因为对象和数组在JavaScript中是通过引用进行比较的。...obj变量是一个对象，在每次重新渲染时都有相同的键值对，但它每次都指向内存中的不同位置，所以它将无法通过相等检查，并导致无限重渲染循环。在JavaScript中，数组也是通过引用进行比较的。...当useEffect钩子作为第二参数传递一个空数组时，它只在组件挂载时被调用。移动到钩子内部另一个解决办法是，将变量或者函数声明移动到useEffect钩子内部。...这样就消除了警告，因为这个钩子不再依赖外部对象。移动到组件外部另一种不怎么常用，但是最好了解一下的解决办法是，将函数或者变量的声明移动到组件的外部。...如果这些建议对你的使用情况都不起作用，你总是可以用注释来使警告闭嘴。

1.1K1 0

CSS小技能:常用样式属性、选择器分类、盒子模型

JavaScript 是一种符合ECMAScript规范的脚本编程语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画。...1.1 HTML中引入CSS的方式外部样式，link标签将外部样式表链接到页面。...--不推荐此方式，因为在一个站点里，在需要更改 CSS 时修需要改每个页面文件。--> 内联样式表存在于 HTML 元素的 style 属性之中，每个 CSS 表只影响一个元素。...--此方式难以维护（在需要更新时，你必须在修改同一个文档的多处地方）--> 注：样式优先级别:内联样式>内部样式>外部样式根据样式的引入先后顺序，后引入会覆盖前面的样式 1.2 常用样式属性字体相关属性...width 和 height 属性将不起作用 垂直方向的内边距、外边距以及边框会被应用但是不会把其他处于 inline 状态的盒子推开。

1.6K1 0

Web专题分享

3、样式优先级问题当采用多种方式对同一个元素同一个样式定义了不同的效果时，优先级行内样式 > 内部样式表 = 外部样式表内部样式表和外部样式表，按照引入顺序有不同的优先级...width 和 height 属性将不起作用。垂直方向的内边距、外边距以及边框会被应用但是不会把其他处于 inline 状态的盒子推开。...简单回顾一下，浏览器在读取一个网页时都发生什么（CSS 如何工作一文中首次谈及）。...---- 5、js运行次序当浏览器执行到一段 JavaScript 代码时，通常会按从上往下的顺序执行这段代码。这意味着你需要注意代码书写的顺序。...提供关于代码如何工作的指引。注释非常有用，而且应该经常使用，尤其在大型应用中。 HTML： <!

2.5K2 0

HTTP2 Server Push 详解（上）

这是一种获得 HTTP/1 优化实践（例如内联）所带来性能提升的优雅方式，同时也避免了原先实践的一些缺点。本文中，你将了解什么是 Server Push，它的工作原理与解决了哪些问题。...比如说你有一个网站，所有的页面都会在一个名为 styles.css 的外部样式表中，定义各种样式。...Server Push 更像是 HTTP/1 特定优化反模式的替代方案，例如将 CSS 和 JavaScript 内联在 HTML，以及使用data URI方案将二进制数据嵌入到 CSS 和 HTML...优化缓存行为（大图）而当我们对内容进行内联时，它们是没有独立的缓存上下文的，而存在于所内联文档的上下文中。...即使把 HTML 进行缓存，但在后续访问的页面内，内联相同的 CSS 内容也是需要重复下载的。这还是比较宽松的缓存策略，实际情况中 HTML 仅有较短的缓存周期。

2.1K0 0

ROPEMAKER：利用简单CSS属性就可以篡改已发送的邮件内容

攻击者发送的邮件没有采用内联 CSS，而是从他自己的服务器上加载 CSS。这样一来，在邮件抵达收件人的收件箱之后，攻击者再改换服务器上的 CSS 文件，就可以起到篡改邮件内容本身的目的。...在邮件安静躺在收件箱之后，攻击者再通过修改外部css文件来篡改邮件内容，自然就不会触发安全检查了，因为邮件的安全系统不会再次对已经发入收件箱的邮件做二次检查。...“URL在被发送后才被展示出来，像Minecast这样的邮件安全保护手段是无法探测到URL是否篡改了的，只是在接收端点击时才会检查链接安全性。...因为对header标签审核的十分严格，所以大多数对HTML邮件的指导都建议web开发者只使用内联的css而避免使用远程调用外部的css。...“ ROPEMAKER的确很聪明，但在现实世界里，它几乎不起作用。

1.1K8 0

【前端】CSS : 入门

- 使用外部 CSS 文件内联样式写在标签的style中，当特殊的样式需要应用到个别元素时，就可以使用内联样式。...内联样式内部样式当单个文件需要特别样式时，就可以使用内部样式表。你可以在部分通过标签定义内部样式表。...外部样式 + 内部样式场景2：外部样式 + 内联样式结果：以内联样式为准 ? 外部样式 + 内联样式场景3：内部样式 + 内联样式结果：以内联样式为准 ?...内部样式 + 内联样式场景4：外部样式 + 内部样式 + 内联样式结果：以内联样式为准 ?...id选择器注：ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。

9722 0

深入了解盒子模型（box model）

width 和height属性将不起作用。垂直方向的内边距、外边距以及边框会被应用但是不会把其他处于inline 状态的盒子推开。...如上所述， css的box模型有一个外部显示类型，来决定盒子是块级还是内联。同样盒模型还有内部显示类型，它决定了盒子内部元素是如何布局的。...注 : 想要了解更多有关显示值以及盒子在块和内联布局中的工作原理，请参阅 Block and Inline Layout.... 在后面的内容中会遇到诸如弹性盒子布局的内容；现在需要记住的是， display 属性可以改变盒子的外部显示类型是块级还是内联，这将会改变它与布局中的其他元素的显示方式。...剩下的内容，我们会专注于外部显示类型。什么是CSS 盒模型? 完整的 CSS 盒模型应用于块级盒子，内联盒子只使用盒模型中定义的部分内容。

1.1K3 0

React基础(4)-理清React的工作方式

React的工作方式是什么样子的?所谓的虚拟DOM又指的是什么?以及React的工作方式的优点有哪些?...它是存在于javascript空间树形结构,每次自上而下渲染React组件时,会对比这一次产生的virtual DOM和上一次渲染的virtual DOM,对比就会发现差别,然后修改真正的DOM树时就只需要修改中的部分就可以了的...React的工作方式及优点在没有组件化React,Vue,Angular之前,毫无疑问,JQ是最直观易懂的,但是当项目逐渐变得复杂庞大时,用JQ写出来的代码耦合度就没那么高了的,正是这样,也就诞生了一些...也就是说，这样的写法是不起作用的如果想要做到这一点,在组件标签上监听事件起作用,也可以做到,就是结合第三方模块styled-components样式组件进行使用...元素上,若放在自定义的组件上时,是不起作用的,具体解决办法,可以引入第三方styled-components模块的,后续单独拿一篇幅来说也不为过的,涉及到的知识还是挺多的

2.1K2 0

React学习(四)-理清React的工作方式

React的工作方式是什么样子的?所谓的虚拟DOM又指的是什么?以及React的工作方式的优点有哪些?...它是存在于javascript空间树形结构,每次自上而下渲染React组件时,会对比这一次产生的virtual DOM和上一次渲染的virtual DOM,对比就会发现差别,然后修改真正的DOM树时就只需要修改中的部分就可以了的...React的工作方式及优点在没有组件化React,Vue,Angular之前,毫无疑问,JQ是最直观易懂的,但是当项目逐渐变得复杂庞大时,用JQ写出来的代码耦合度就没那么高了的,正是这样,也就诞生了一些...也就是说，这样的写法是不起作用的如果想要在组件标签上监听事件起作用,也可以做到,就是结合第三方模块styled-components样式组件进行使用,是可以做到的...元素上,若放在自定义的组件上时,是不起作用的,具体解决办法,可以引入第三方styled-components模块的,后续单独拿一篇幅来说也不为过的,涉及到的知识还是挺多的作者：川川,一个靠前排的90

1.8K3 0

css入门（1）

我们知道，HTML、CSS和JavaScript是前端技术中最核心的三个元素。HTML控制网页的结构，CSS控制网页的外观，而JavaScript控制网页的行为。...HTML、CSS和JavaScript的关系如下： “HTML是网页的结构，CSS是网页的外观，而JavaScript是页面的行为。”...二、内容 1.css的引入方式在HTML中引入CSS共有3种方式：（1）外部样式表；（2）内部样式表；（3）内联样式表；下面我们详细为大家介绍这3种CSS引入方式。...所谓的“外部样式表”，就是把CSS代码和HTML代码都单独放在不同文件中，然后在HTML文档中使用link标签来引用CSS样式表。当样式需要被应用到多个页面时，外部样式表是最理想的选择。...3.内联样式表内联样式表，也是把CSS代码和HTML代码放在同一个文件中，但是跟内部样式表不同，CSS样式不是在标签对中定义，而是在标签的style属性中定义。

2742 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭