我有以下元素:
<script type="text/javascript" src="https://cdn.example.com/js_file.js"></script>
在这种情况下,该站点是HTTPS,但该站点也可能只是HTTP.(JS文件在另一个域上.)我想知道为方便起见,执行以下操作是否有效:
<script type="text/javascript" src="//cdn.example.com/js_file.js"></script>
我想知道是否有效删除http:或https:？
它似乎适用于我测试过的所有地方,但是有什么情况下它不起作用吗？
戴夫沃德说,
它并不完全是轻量级读取,但RFC 3986的4.2节提供了完全限定协议(HTTP或HTTPS)的完全限定URL.当省略URL的协议时,浏览器将使用基础文档的协议.
简而言之,这些"无协议"URL允许这样的引用在您尝试使用的每个浏览器中工作:
//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js一开始看起来很奇怪,但这种"无协议"URL是引用通过HTTP和HTTPS提供的第三方内容的最佳方式.
这肯定会解决我们在HTTP页面上看到的一堆混合内容错误 - 假设我们的资产可通过HTTP和HTTPS获得.
这是完全跨浏览器兼容吗？还有其他警告吗？
最近我看到像这样工作的代码块:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
根据RFC 2396(URI语法)和RFC 2616(HTTP 1.1),这些以两个斜杠开头的URI是有效的,但不幸的是,RFC并没有真正解释它们.
任何人都可以指向一个解释浏览器将如何/应该/如何处理这些URI的资源？
我看到了//somepage.com/resourceurl格式.例如:
<img src="//remotesite.com/image1.jpg" />
这一点是,如果当前页面(定义img标签的页面)正在使用http,则通过http进行对远程站点的请求.如果它是https - 它是https.这消除了浏览器未完全加密页面的警告.
我的问题是 - 这种URL格式是否可以安全地用于所有浏览器.它是一个标准吗？
问题如下:
如果您使用addthis(分享按钮)查看任何网站...
一旦你浮动addthis按钮,所有所需的资产加载使用firebug或chrome检查器(不是源,屏幕上的实际文档......对象检查器)查看文档的主体.你会注意到addthis自动加载的附加资产看起来像这样:
<script type="text/javascript" src="//s7.addthis.com/static/r07/menu78.js"></script>
<link rel="stylesheet" type="text/css" href="//s7.addthis.com/static/r07/widget61.css" media="all">
在上面的标签中http://的简短处理是什么？
以前有人用过吗？它有'官方'名称吗？如何跨浏览器兼容这种简短处理http协议的方法？
是的,我知道这会破坏爬虫/ seo的东西,但我正在考虑开始在无法访问(主要是,js处理的东西)机器人的情况下使用它.
好的还是坏的？
后端提供了一个完全呈现的站点,并且在前端我希望angularjs通过ajax-call/data绑定来处理动态内容但是如果你传递指令ng-bind,那么angularjs会将它们直接绑定到它们的初始值,在任何之前为NULL用户行动.
我找到了一个hacky解决方案,但我想知道是否有一个更好的或者可能是另一个js框架,它正是我正在尝试做的事情:
https://github.com/herschel666/angular-lazy-bind
以下示例应该有助于理解我的问题...一旦js被加载,初始值"hola服务器端"(服务器端交付)消失了.我希望innerhtml/value保持这样,并保持绑定活动但是懒惰,这样它只会在一个动作后更改它,重要的是angularjs不重写已经写入的服务器端(redered)
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body >
<div ng-controller="GreetingController">
<!-- this value has to stay ... but keep its binding property in order to change it afer an user action -->
<span ng-bind="greeting"> hola server side</span>
<button ng-click="update()">update</button>
</div>
</body>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
<script type="text/javascript">
var myApp = angular.module('myApp',[]);
myApp.controller('GreetingController', ['$scope', function($scope) {
$scope.update = function (){
//do ajax calls and set greeting and other data to bind
$scope.greeting = 'Hola!';
} …我试图使用ajax发送一个PHP文件一些值,但在调用ajax我收到以下错误
Uncaught ReferenceError: $ is not defined
在ajax请求的起始行如下:
$.ajax({
type: "POST",
url: 'program3.php',
data: {
player1name: player1name.value,
player2name: player2name.value,
playtopoints: playtopoints.value,
delay: delay.value,
numgames: numgames.value,
gamesplayed: gamesplayed.value,
p1turn: p1turn.value,
p2turn: p2turn.value,
p1total: p1total.value,
p2total: p2total.value
},
success: function (data) {
rolling = data;
}
});
我首先想到它可能需要引用ajax,所以我在html页面上的javascript之前添加了以下行:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
但我仍然得到错误任何人都可以提供任何见解？
我还将数据变量定义如下:
var player1name = document.JForm.p1name.innerHTML;
分配它们的正确方法是什么？
在Wordpress 4.4 中，图像会自动获得一个srcset属性。我的问题如下（我在写这个问题时解决了它，请参阅下面的答案）：
src="http://...中的所有引用替换为（后来我将其更改为支持这两种协议）；src="https://...src="//...src属性中都获得正确的 URL；srcset其中的 URL 始终带有http://引用。为什么会出现这种情况？为什么这些网址没有得到我最新更新的https://开头？
<html>
<head><title>test</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
</script>
<!-- ERROR IS HERE the jquery is not being loaded -->
<script type="text/javascript" src="js/jquery.prettyPhoto.js">
</script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"
media="screen" charset="utf-8" />
</head>
<body>
<a title="Despicable Me" rel="prettyPhoto[movies]"
href="http://trailers.apple.com/mymovie.mov?width=640&height=360">
<img src="images/thumbnails/quicktime-logo.gif" alt="Despicable Me"
width="50" />
</a>
<a title="Despicable Me" rel="prettyPhoto[movies]"
href="ai.mov?width=640&height=360">
<img src="images/thumbnails/quicktime-logo.gif"
alt="Despicable Me" width="50" />
</a>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
</body>
</html>
当我在firefox中加载此html时,错误控制台会返回错误:
jQuery is not defined.
html文件,js文件和css文件都在同一个文件夹中.我究竟做错了什么？
在过去几个月中，我在几个页面上看到了以下地址语法
<a href="//mynextpage.html">...</a>
网址的这种方式有什么用？它是您称为该站点的协议的通配符吗？
我正试图在我的网页中嵌入一个视频,其中有一个隐藏/显示div功能,隐藏/显示div工作,但嵌入的视频没有,在Firefox中点击显示包含YouTube的div的文本视频它只是显示一个黑色的补丁(我认为这是因为这是我背景的颜色)但是如果我在Chrome中启动它会显示一个白色的盒子,说无法找到网页,IE说它无法找到网页同样.
我直接从YouTube视频中复制了嵌入代码,它来自共享按钮,它使用'<iframe>'标签而不是'<object>'标签,我不确定这是否与它有关.
这是我希望嵌入的视频的嵌入代码:
<iframe width="640" height="360" src="//www.youtube.com/embed/1qNQHv6jdyY?rel=0" frameborder="0" allowfullscreen></iframe>
到目前为止这是我的网页(尚未完成):
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>Index</TITLE>
<link rel="stylesheet" type="text/css" href="DubWin By Chris Mckee-Rogers.css">
<SCRIPT type="text/javascript">
function toggleShowHide(elementId) {
var element = document.getElementById(elementId);
if (element) {
if (element.style.display == "none")
element.style.display = "inline";
else
element.style.display = "none";
}
}
</SCRIPT>
</HEAD>
<BODY>
<div class="Container">
<img src="images/logo.png" alt="Logo">
<div class="Menu">
<a href="Index.html">Home</a> | <a href="artist-info.html">Artists Information</a> | <a href="songs-and-mixes.html">Songs And Mixes<a> | <a href="forms.html">Forms<a>
</div>
<DIV class="Con-text">
<h1 style="text-align: …