我有以下元素:
<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:？
它似乎适用于我测试过的所有地方,但是有什么情况下它不起作用吗？
所以,我需要知道一个元素的宽度与javascript,我的问题是函数触发太早,宽度在css被tottally应用时改变.据我所知,$(document).ready()函数在文档完成时被触发,但似乎没有那样工作.
无论如何,我确信使用代码我的问题将被理解(这是一个简化的例子):
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
<style type="text/css">
#target {
font-family: 'Parisienne', cursive;
float: left;
}
</style>
</head>
<body>
<div id="target">Element</div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
console.debug($('#target').outerWidth());
alert('hold on');
console.debug($('#target').outerWidth());
});
</script>
我想知道#target div的宽度,问题是在警报之前执行的代码提供的输出与之后的输出不同,可能是因为字体未完全加载并且它使用默认字体测量div.
它可以像我在Google Chrome中所期望的那样工作,但它不适用于IE和Firefox.