您的位置：首页 > Web前端 > HTML

html 中的<script>标签

2016-08-05 18:47 232 查看
https://www.w3.org/TR/html51/semantics-scripting.html#the-script-element

一、

<script type='text/javascript'>

function ...

</script>

二、

<script type='text/javascript' src='js/a.js'>

</script>

本质都是包含js代码，第一个是自己写，第二个是引用。

属性type规定脚本MIME类型。

MIME类型由两部分构成：媒介类型和子类型。

三、

什么是 jsonp ?

jsonp.php

<?php
header('Content-type: application/json');
//获取回调函数名
$callback = htmlspecialchars($_REQUEST ['callback']);
//json数据
$json_data = '["Cat","Dog"]';
//输出jsonp格式的数据
echo $callback . "(" . $json_data . ")";
?>


test.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JSONP 实例</title>
</head>
<body>
<script type="text/javascript">
function foo(result){
for(k in result){
alert(result[k]);
}
}
</script>
<script type="text/javascript" src="http://localhost/bui/test/jsonp.php?callback=foo"></script>
</body>
</html>




<script type="text/javascript" src="http://... 就会执行foo方法 ，传入的参数是 json 对象 ，这样就实现了跨域传输数据

注：<script> 出现的位置是有先后顺序的



会报错



原理就是通过 src 引入 js 片段，但是存在安全问题

四、
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航