如果脚本标记同时包含"src"和内联脚本,该怎么办？
如果脚本标记同时包含"src"和内联脚本，可以采取以下几种方式处理：
- 分离脚本：将内联脚本和外部脚本分离，将内联脚本移至外部脚本文件中，然后通过src属性引用外部脚本文件。这样可以提高代码的可维护性和可重用性，并且使页面结构更加清晰。
- 保留内联脚本：如果有特殊需求需要保留内联脚本，可以通过异步加载脚本的方式来解决。可以使用JavaScript的动态加载脚本的方法，如使用document.createElement("script")创建一个新的script元素，然后设置其src属性为外部脚本的URL，再将其插入到文档中。这样可以确保内联脚本在外部脚本加载完成后再执行。
- 使用defer或async属性：如果内联脚本和外部脚本的执行顺序不重要，可以使用defer或async属性来控制脚本的加载和执行。defer属性表示脚本将在文档解析完毕后再执行，而async属性表示脚本将在加载完成后立即执行。具体选择哪个属性取决于脚本的依赖关系和执行顺序的要求。
腾讯云相关产品推荐：
- 云服务器（CVM）：提供弹性计算能力，可满足各类应用的需求。详情请参考：腾讯云云服务器
- 云函数（SCF）：无服务器计算服务，支持事件驱动的函数计算模型。详情请参考：腾讯云云函数
- 云存储（COS）：提供高可靠、低成本的对象存储服务，适用于海量数据的存储和访问。详情请参考：腾讯云云存储
- 人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：腾讯云人工智能
以上是腾讯云提供的一些相关产品，供您参考。
相关·内容
我和socket.io混在一起，我遇到了一个有一段时间无法解决的问题。我有一个HTML页面，它有两个不同的脚本导入。其中之一是socket.io导入；
<script src="node_modules/socket.io-client/dist/socket.io.js">
var socket;
socket = io.connect('http://localhost:8080');
</script>
另一个是一个剧本，用来做游戏的素材。我想调用在第一个导入脚本中声明的变量“套接字”，在这个脚本中(如上面所示)。
浏览 3提问于2017-09-25得票数 0
回答已采纳
我有一个html文件，它只接受少量的查询字符串。
Html文件还包含使用脚本标记的css和脚本。
我们可以如下所示调用这个html文件
external.html?param='something'
我必须在react组件中使用这个html并返回为JSX。目前我已经完成了作为Iframe返回的工作，如下所示
const Component = () => {
const iframeUrl = `external.html?param='something'`;
return (
<iframe
浏览 2提问于2020-09-17得票数 6
回答已采纳
2回答
我试图让内容安全策略在我的网站上正确工作，但我是被封锁的内容，即使它应该被允许。在我的网站上使用谷歌的，我可以看到规则：
default-src 'self';
font-src 'self' fonts.gstatic.com;
img-src 'self' gstatic.com;
script-src 'self' google.com gstatic.com;
style-src 'self' google.com gstatic.com;
form-action 'self';
frame
浏览 1提问于2019-07-29得票数 0
回答已采纳
2回答
如果我的浏览器获得了一个脚本src，该脚本目前具有网关超时(又名504 )，为什么浏览器挂起并停止呈现，直到响应在60秒后实际交付？除了破坏浏览器之外，这不是生产javascript应用程序可能发生的最糟糕的事情吗？有什么可以作为应用程序开发来阻止其馀的呈现和脚本执行吗？
浏览 2提问于2014-03-18得票数 0
回答已采纳
我正在学习JavaScript以及HTML和CSS。我编写了JavaScript文件Primes.js，其中包含一些用于测试的主要查找相关功能。
为了使用外部.js文件进行测试，我编写了以下HTML：
...
<body>
<script src="Primes.js">
console.log("Loaded...");
var n = 13;
alert(n + " is prime?: " + isPrime(n));
console.log
浏览 3提问于2015-12-01得票数 0
回答已采纳
我的后端服务生成内容安全策略如下：
Content-Security-Policy
default-src 'self'; frame-ancestors 'self'; form-action 'self'; script-src 'nonce-4VOtk0Uo1l7pwtC';
呈现的HTML在脚本标记中使用nonce来允许其执行：
<script nomodule src="https://xxx/build/script1.js" nonce="4VOtk0Uo1l7pwtC"
浏览 1提问于2021-11-12得票数 0
回答已采纳
2回答
我从一个网站得到一个脚本，把它放到我的网站，但字体颜色不是我想要的。
脚本是：
<script language="javascript" src="http://www.parstools.net/calendar/?type=2"></script>
现在我想改变它的字体颜色。我该怎么办？
非常感谢你的帮助，谢谢。
浏览 0提问于2010-04-20得票数 4
回答已采纳
我的意思是，如果我在外部文件中使用JavaScript (在另一个文件中编写脚本代码，而不是在HTML中)。
我在我的<script src="filename.js"></script>文件中编写了这段代码，但是只有当标记为空时，这段代码才能工作。
因此，我想知道，如果我们以外部方式使用JavaScript，是否应该像提到的那样将标记保留为空？
浏览 3提问于2020-05-31得票数 1
回答已采纳
我想创建一个图像元素，当单击该元素时，将打开一个具有指定背景的空白浏览器窗口：
<img src="http://example/image1.jpg" onclick="var w=window.open('','_blank');w.document.body.style.backgroundColor='url("http://example/image2.jpg")'">
但是，我无法使用"、'或\xXX (十六进制)进行url("http://examp
浏览 18提问于2019-08-16得票数 0
2回答
我想向动态构造的脚本标记中添加一个nonce。下面的代码不会向生成的脚本标记添加任何时间。有谁知道现在该怎么添加？
var _wss = document.createElement('script');
_wss.nonce = 'random-string';
_wss.type = 'text/javascript';
_wss.charset = 'utf-8';
_wss.async = true;
_wss.src = "url";
var __wss = document.getElementsByT
浏览 2提问于2021-04-16得票数 4
回答已采纳
我的视图中有以下Jquery函数：
<script type="text/javascript">
$(document).ready(function () {
$("#album-list").mouseover(function () {
$(this).animate({ height: '+=15', width: '+=15' })
.animate({ height: '-=15', width: '-
浏览 0提问于2012-01-29得票数 2
回答已采纳
我有jquery脚本，当有人将鼠标移到图像上时，它会替换图像。
我想让它随着淡入淡出而改变。
我该怎么办？
谢谢!
<img src='images/dogySitter_s.png' alt='' id='first' />
<script type='text/javascript'>
$(document).ready(function(){
$("#first").hover(
function() {$(this).attr("src
浏览 4提问于2013-08-24得票数 0
我正在为我的web应用程序添加内容-安全-策略设置，并希望对内联脚本和内联样式严格要求。我的内联脚本工作正常，但内联风格有问题。作为背景，我的web应用程序在后端使用了Elixir/凤，并在前端包含了React组件。
内联脚本的值- Works
我只有少量的内联脚本来引导React组件。按照，我使用nonce值来处理这些内联脚本。具体来说，我在每次页面加载时生成一个新的nonce值服务器端，并将其包含在content-security-policy头中，并使用服务器端呈现将其注入脚本标记中的nonce属性中。这个很好用。
内联样式的Nonce不工作
内联风格则是另一回事。内联样式在反应中非常常
浏览 0提问于2018-08-10得票数 3
我正在尝试运行下面给出的代码(我已经简化了这些代码，以解决这个问题)。当我排除脚本的src部分(即省略JQuery的源)时，警报将运行良好，但会导致错误Uncaught TypeError: Object #<HTMLImageElement> has no method 'offset'。这是由于JQuery没有被包括在内。但是，当我将src部分添加到(如下面所示)中时，我没有收到任何错误或警告，但是代码并没有按照我所能知道的那样运行。具体来说，没有警报(或其他任何东西)。我猜我只是在如何包含JQuery方面犯了一些愚蠢的错误，但我不知道它是什么。有什么建议吗？非
浏览 7提问于2013-08-14得票数 1
回答已采纳
1回答
当我通过删除所有不安全的内联脚本来增强CSP时，我在我的网站的一个特定页面上遇到了一个问题。我编辑了所有内容，以便在一个小规模的场景中更容易理解它。
product.php加载将显示产品的模板。
<div id="productDisplay"></div>
<script nonce="sampleCorrectNonce" type="text/javascript">
product();
</script>
product.php?id=123加载实际的产品数据，需要通过不同的场景使
浏览 1提问于2018-10-28得票数 0
2回答
内联元素内的块级元素
、、、
W3C验证器告诉我不能将块级元素放在内联元素中。有道理..。
但是，如果我使用CSS将块级元素更改为内联元素，该怎么办？
如果我使用CSS将内联元素转换为块级元素(当在另一个内联元素中时)，该怎么办？
Validator显然没有注意到这一点，但这是错误的吗？
(我实际上并没有这样做，我只是想知道最佳实践)
浏览 2提问于2009-11-11得票数 15
3回答
Main.php
<script>
$.ajax({
type: 'GET',
url: 'ajax.php',
context: document.body,
success: function(data) {
$("#content").html(data);
}
});
</script>
<div id="content"></div>
ajax.php
<script src="http://tiny
浏览 0提问于2014-04-24得票数 3
我在我的应用程序中使用socket.io和node.js，尝试使用socket.io包并在client.js中导入io包，根据文档，我添加了以下脚本，后端运行在3008端口上：
index.html：
<script defer src="http://localhost:3008/socket.io/socket.io.js"></script>
<script defer src="js/client.js"></script>
client.js：
const io2 = io.connect("ht
浏览 3提问于2022-09-05得票数 0
1回答
因此，我开发的web应用程序使用的是角7，其中一个组件是使用旧项目的复杂样式，所以我计划将静态旧项目中的静态HTML、CSS和JS粘贴到一个角组件上，如何实现呢？
也就是说，我想在角组件中粘贴以下HTML结构：
<html>
<head>
...
...
<link rel="stylesheets"..
<link rel="stylesheets"..
<link rel="stylesheets"..
</head>
<body>
...
浏览 0提问于2019-01-14得票数 1
我们正在尝试将CSP实现到我们的一个站点中，虽然我们理解如何允许或不允许脚本，但我们仍然对nonce/sha*部分感到困惑。我们有外部脚本，如integrity="sha*“附带的引导程序和jquery，并且应该避免内联脚本或样式。所有内联的内容都应该重构到外部文件中。
我们的问题是，我们是为站点中的每个js或css文件(不是外部文件)创建一个sha* key/nonce-*，还是只在script-src/style-src内容-安全-策略中添加“self”？
谢谢你在这方面的帮助。
浏览 0提问于2018-05-07得票数 0
回答已采纳
@Cacheable(cacheName = "cacheOne")
public Map<String, Object> getSomeData(List<String> taglist,String queryString) {
我在使用ehcache和Spring，如上面的代码所示。通过这样做，我可以清除cacheOne中的所有键：
cacheManager.getCache("cacheOne").removeAll();
但是，如果我只需要从taglist包含特定标记的缓存中移除这些密钥，该怎么办？例如，我想删除cacheOne
浏览 3提问于2014-09-24得票数 0
我有一个Android原生库，里面有一些包含霓虹灯汇编代码的文件。我从其他一些程序员那里继承了这段代码，至少可以说，我对霓虹灯汇编编码(或任何汇编，就这一点而言)的了解很少。无论如何，我注意到了以下问题:当我使用'ndk-build NDK_DEBUG=1‘进行编译时，一切都很好。当我编译发布时，'ndk-build NDK_DEBUG=0'，编译器优化汇编代码。我已经设法解决了这个问题，我破解了ndk构建脚本，并将我的库一分为二，其中一个库包含所有的汇编文件-对于这个库，我以一种非常棘手的方式将优化设置为'-O0‘。因此，问题是:如何为特定文件指定优化级别？在
浏览 0提问于2012-10-01得票数 1
回答已采纳
2回答
我说的对吗，假设我不能从外部.js文件加载这个分析脚本？
(function(b, o, i, l, e, r) {
b.GoogleAnalyticsObject = l;
b[l] || (b[l] =
function() {
(b[l].q = b[l].q || []).push(arguments)
});
b[l].l = +new Date;
e = o.createElement(i);
r = o.getEl
浏览 3提问于2017-07-31得票数 0
回答已采纳
我正在将CSP标头添加到一个网站中，在它可以采用严格的策略之前，还有很长的路要走。有相当多的内联脚本，所以我使用nonce-来允许特定的内联脚本。我发现它对带有src的脚本标记的onload属性不起作用。下面是一个例子： // header:
Content-Security-Policy: script-src self https: 'nonce-d3adbe3fed'
<script async defer src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore
浏览 22提问于2019-06-01得票数 0
3回答
我有一个包含许多变量的define.php页面。我用来包含在我制作的任何其他PHP文件中。
有一个名为$encodingdeclaration的变量，其中包含<meta http-equiv="Content-Type" content="text/html; charset=utf-8">。
脚本现在变得不响应了:因为在text/html之后使用了额外的分号，该怎么办？
浏览 0提问于2012-03-17得票数 0
回答已采纳
我们的Vue js网站包含不同环境下css和src的动态url。每个环境都有不同的域。因此，内容-安全-策略包含脚本-src 'self‘不安全-内联’和样式-src 'self‘’不安全-内联‘。
但它警告“此策略包含‘不安全-内联’，这在脚本-src指令中是危险的，此策略包含‘不安全-内联’，这在样式-src指令中是危险的。”
我们如何处理sript-src和style-src的动态urls？
提前谢谢。
浏览 2提问于2022-03-23得票数 0
1回答
我有一个网络应用程序。在网站管理员的领导下，我写了这一行：
<script type="text/javascript" src="/scripts/jquery-1.4.1.min.js"></script>
当我创建项目时，脚本文件会被添加，但是当我使用$ function时，我会得到未定义的错误。
我该怎么办？
浏览 1提问于2015-11-08得票数 0
回答已采纳
我想知道是否有任何可用的资源来描述浏览器的光标如何执行Javascript。
我知道它在页面加载时加载并执行标记，您可以将函数附加到各种窗口事件，但事情变得模糊的地方是，例如，当我通过AJAX检索远程页面并将其内容放入div时。
如果远程页面必须加载<script src="anotherscript.js" />等脚本库，那么何时加载"anotherscript.js“并执行其内容？
如果我在当前页面中包含"anotherscript.js“，然后加载一些包含此脚本的重复内容的远程内容，会发生什么情况？它会覆盖原来的吗？如果原始的"anot
浏览 0提问于2010-02-27得票数 62
回答已采纳
我注意到<script src="..."></script>标记不允许在其中使用JavaScript，例如：
<script src="myFile.js">
alert( "This is a test" );
</script>
这不起作用，也不会在FireBug中抛出错误，为什么会发生这种情况，为什么我们必须添加额外的<script>标记来允许JS在表单本身上使用？
示例
我有一个文件，从我的根目录中找到@ script/addScript.js，它包含：
functio
浏览 4提问于2016-02-10得票数 1
回答已采纳
我试图在我的内容安全策略中使用散列.
下面是我的控制台中的两个示例错误：
Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' apis.google.com cdn.iubenda.com cdnjs.cloudflare.com www.googletagmanager.com". Either the 'unsafe-inline' keyword, a
浏览 3提问于2020-12-02得票数 3
我正在做以下工作来翻译我的html页面：
<head>
<script type="module" src="js/scripts/home.js"></script>
</head>
<body>
<h1 id="hello">Hello world!</h1>
</body>
和
import $ from "jquery";
import { t } from "../lib/i18n";
funct
浏览 9提问于2022-08-28得票数 0
我正在使用中的脚本，我修改了onComplete以添加一个链接来删除图像。在remove_me()函数中，我希望: 1.删除所单击文件的。2.通过ajax调用服务器上的PHP脚本，从服务器上删除该文件，因为它已经被上传。
if(response==="success"){
$('<li></li>').appendTo('#files').html('<img src="./uploads/'+file+'" alt="" /><br />
浏览 1提问于2011-05-06得票数 0
回答已采纳
1回答
请解释一下从node_modules文件夹中使用导入/要求库的思想。
我只想在我的简单项目中使用konva.js，使用node.js作为后端，配置了活动服务器扩展。
如果我像这样将它导入HTML文件
<script src="https://unpkg.com/konva@4.0.0/konva.min.js"></script>
<script> /*using konva library here or *.js*/</script>
一切正常
据我所知，这个URL直接将整个konva.min.js导入到我的HTML中。
如果
浏览 3提问于2020-05-09得票数 3
回答已采纳
2回答
我希望能够运行从一个地方抓取的脚本，在另一个地方。我可以使用以下jQuery访问这些脚本：
element.each(function(){
var script = $(this).find('script');
// I want to run contained scripts here.
});
我只是不确定如何使用这些对象来运行它们包含的脚本(are)。
一个内联脚本的例子，我必须重新运行(从第三方)。
<script language="javascript">
interact.embedApp({
ta
浏览 0提问于2014-10-21得票数 0
回答已采纳
我们在data-main中指定了包含模块的文件一次，然后在脚本中再次需要该文件。我们以这种方式“导入”它两次。这样做的意义是什么？
<script src="js/require.js" type="text/javascript" data-main="js/main"></script>
<script type="text/javascript">
require['main'], function () {
//load this page, once &
浏览 0提问于2014-12-26得票数 1
我对JavaScript还比较陌生，所以这可能有点微不足道。然而，我似乎找不到这个问题的答案。
假设我有一个JavaScript文件(bar.js)，其中包含一个名为foo()的函数。我想在脚本标记中调用这个函数(foo)。我希望它能像这样工作。
<script type="text/javascript" src="bar.js">
foo();
</script>
我不能让这件事起作用。我已经用我的浏览器运行了JavaScript控制台，以及它似乎在做什么is...nothing。没有语法错误什么的。
我可以使用按钮click.
浏览 3提问于2015-01-26得票数 0
回答已采纳
在像Safari这样只支持CSPv2的浏览器中，当我的内容安全策略中有'strict-dynamic‘和'nonce-AAA’指令以及所有合适的域时，浏览器将调用脚本加载器，但不会执行脚本加载器调用的第二个脚本。
例如，如果我有一个像这样的CSP：
script-src 'self' 'unsafe-inline' 'unsafe-eval' 'strict-dynamic' 'nonce-AAA' https:;
在包含googletagmanager、convertexperiments或其他脚
浏览 6提问于2020-12-12得票数 0
即使我通过传言给html的img标签指定了id和一个类，并在css中指定了它，它还是在它无效的时候出现了。
img id="hogehoge_id" class="fugafuga_class" src="example.gif" /
#hogehoge_id{
float:left;
}
.fugafuga_class{
padding: 10px;
}
它是一种指定的方式，如上面所述。当我在火狐和IE6上测试它时，我相处得很好。CSS的方式会有问题吗？
浏览 5提问于2009-05-07得票数 0
回答已采纳
下面是accounts.google.com的CSP示例：
content-security-policy: script-src 'nonce-DanEwkxkS1rktq35Z1hVcg' 'unsafe-inline' 'unsafe-eval';object-src 'none';base-uri 'self';report-uri /cspreport
“现在”意味着它将向具有"DanEwkxkS1rktq35Z1hVcg“唯一ID的脚本中添加一个白名单(如果我正确理解的话)。但在此之后，它们允许
浏览 0提问于2019-03-20得票数 2
回答已采纳
我震惊地从上读到以下内容
不推荐:直接JavaScripts
由于本书第2C节所解释的原因，不要使用直接JavaScripts。本节仅因历史原因而保留。
最简单的方法是将脚本直接放在页面中。如何放置
根据我阅读这篇文章的理解，将使用src属性在<script>标记上包含javascripts。我没有，在网上找不到更多这样的参考资料。有没有人知道这是正确的，还是我误解了它想说的话？
浏览 2提问于2013-11-28得票数 2
回答已采纳
我是个新手，但我想Paw能做我想做的事：
我需要提取登录页面后面的会话id。我转到，填写表单(登录和传递)，后面的登陆页面包含一个会话id：
我想：
( 1)作为我要求的一部分，向Paw推送证书，
2)获取上述项目(ses)项作为响应，以便使用Paw提供的php脚本扩展，然后调用该脚本“按需”。
这有可能吗？如果是的话，我该怎么办？
谢谢你的帮忙
浏览 0提问于2016-06-21得票数 4
回答已采纳
在下面的代码中，hasClass不工作，结果是false处于警报状态。为什么，我该怎么办？
在线演示：
HTML：
<span>
<div class="adding"></div>
</span>
联署材料：
alert($('span').hasClass('adding'));
浏览 16提问于2014-02-18得票数 1
回答已采纳
母版页上的脚本链接：
<head runat="server">
<script src="<%=ConfigurationManager.AppSettings["ApplicationURL"].ToString()%>Scripts/jquery-1.7.2.js" type="text/javascript" language="javascript"></script>
</head>
Default.aspx页面
<a class=
浏览 7提问于2012-06-29得票数 0
回答已采纳
我在写博客。我有一个函数(showmusic，它接受一个json代码作为参数)来显示我的帖子，我这样调用它：
<script src='/feeds/posts/default/-/Album/Pop?max-results=20&orderby=published&alt=json-in-script&callback=showmusic'></script>
我正在寻找一种方法来改变标签(“专辑”和“流行音乐”)与<select>标签，为此，我需要插入该脚本与innerHTML，但该脚本不执行：
function
浏览 4提问于2015-08-19得票数 1
我想从java脚本调用操作文件中的方法，所以这是我拥有的代码。
<img src="image/travel.jpg" alt="test" onclick="javascript:doABC();"/>
而javascript部分是：
<script language="javascript">
function doABC(){
var form = document.forms["Welcome"];
form.action = "Welcome.action
浏览 0提问于2011-12-07得票数 2
回答已采纳
我有一个包含一个ViewController的UIScrollView，它包含一些视图，这些视图是自定义UIViews (非常简单的uiimage + at按钮)，用户可以在这些视图之间滚动(一次只能滚动一个自定义视图)。我希望用户能够“标记”一张照片，然后显示特定的文本，当用户选择另一张照片(使用按钮)时，我希望更新上一张选定的照片和当前选定的图片上的文本。
我该怎么办？在视图本身中，我没有访问前一个视图的权限，我想我应该向视图控制器发送通知，但没有访问我想要更新的按钮的权限。
浏览 0提问于2018-09-26得票数 0
回答已采纳
2回答
我在母版页(mpcss.css)上有一个CSS文件。在其中一个内容页面上，我需要为大多数控件设置一个完全不同的样式。在这里，我创建了一个名为contentcss.css的新CSS文件，并将其包含在内容位置保持器中：
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<script src="JQuery/jquery-1.7.2.min.js" type="text/javascript
浏览 6提问于2012-07-22得票数 1
回答已采纳
如何区分使用src属性包含的动态加载脚本和普通脚本？例如
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="static.js" type="text/javascript"></script>
<script type="text/javascript">
浏览 0提问于2013-04-12得票数 1
2回答
我有代码：
<ul>
<li>home</li><span class="divider"> | </span>
.....
</ul>
和
<ul><li>one</li> | <li>two</li> | <li>three</li></ul>
但是说错了。我该怎么办？
浏览 0提问于2013-10-12得票数 0
1回答
我用以下代码在我的网站上创建了一个按钮：
// set a short timeout before taking action
// so as to allow hash to be set
setTimeout(() => {
// uses HTML5 history API to manipulate the location bar
history.replaceState('', document.title, window.location.origin + window.location.pathname + window.location.
浏览 3提问于2022-09-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
