html 中的<script>标签

最新推荐文章于 2024-04-02 22:33:02 发布
最新推荐文章于 2024-04-02 22:33:02 发布
阅读量78 收藏
点赞数
文章标签： json php javascript ViewUI
原文链接：http://www.cnblogs.com/zno2/p/4495137.html
版权

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 片段，但是存在安全问题

 

四、

 

转载于:https://www.cnblogs.com/zno2/p/4495137.html

weixin_30411819
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML ＜script＞ 标签
玄链教育
08-05 844
script> 标签用于定义客户端脚本，比如 JavaScript。script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。必需的 type 属性规定脚本的 MIME 类型。JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
＜script＞标签使用
never_33的博客
02-17 1531
标签使用
HTML页面不认标签,怎么办?
12-25
也许有的中级前端知道type=text/template标签,所以在这里我就不解释他的用处了,你能找到我这里来,说明你已经遇到这个问题了. 我只说如何解决此问题. HTML页面不认标签,怎么办? 比如 ... 以上代码,HTML浏览器不能解析,报错. 怎么办? 我来教给你如何变相的让他认这个type.
HTML基础：脚本 script 标签
最新发布
u013179804的博客
04-02 3047
脚本的作用，包括但不限于以下 4 个方面：1、脚本标签可以用于动态生成、修改或删除 HTML 元素，从而实现页面内容的动态更新和交互。比如，通过 JavaScript 脚本，我们可以动态地向页面中添加新的评论，用户提交评论后，页面会实时更新显示最新的评论内容。2、通过脚本标签，可以对用户的输入进行验证、处理和响应，例如表单提交前的数据验证等。比如，验证我们输入的邮箱是否正确，手机号是否合规，地址是否匹配等。3、
HTML中的JavaScript
行如逆水行舟，不进则退
08-16 4193
HTML中的JavaScript
让script的type属性等于text/html
aituochang1886的博客
04-06 590
type属性为text/html的时候，<script>片断中定义一个被JS调用的代码，代码不会在页面上显示 <script id="commentTemplate" type="text/html"> <li> <div class="photo"> <a h...
JavaScript的type属性等于text/html 例子
热门推荐
小单的博客专栏
10-21 2万+
在使用javascript标签的时候，其中type最常用的就是
Vue中通过<script></script>引入的Vue.js文件
04-28
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 格式就是： <script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"></script> src里面的内容根据自己的下载的Vue.js的...
HTML中的＜script＞标签
ljl0433的博客
11-23 1490
在js学习阶段，一直使用<script>元素，但对它了解较少。看了大家推荐的红宝书之后，学到了许多关于它的知识，收获颇多。本篇文章围绕<script>元素简单讲一下使用、行内脚本与外部脚本等。 一、<script>使用 两种方式：通过它直接在网页中嵌入JavaScript代码、通过它在网页中包含外部JavaScript文件。 直接在网页中嵌入JavaScript代码 <script> // 嵌入行内JavaScript代码，直接把代码放在<scr
「script type=“text/html“ id=“temple“」「/script」
tmd550231的博客
07-01 435
script type="text/html" id="temple"不能里的标签不能动态修改？script type="text/html"里的标签是不能直接动态更改的 script type="text/html"里的标签是不能直接动态更改的 背景：购物下单，选择参数和数量的弹窗层是写在另一个文件里的(script type=“text/html” id="temple"里)；二开别人的代码，增加新功能：后台编辑商品在不同城市显示价格不一样；前端定位后，在商品详情页可以动态修改此页在当前定位城市价格，因
eclipse script type="text/html"
科研学习笔记！
01-29 1151
http://stackoverflow.com/questions/12056265/editing-text-html-content-in-eclipse 2down votefavorite 1 I'm getting more into using javascript-rendered templates by wrapping
当script标签的type属性为text/html 时
xppbin的博客
04-18 1万+
type属性为text/html的时候，<script>片断中定义一个被JS调用的代码，代码不会在页面上显示，如下，js中渲染一个表格，调用一个#dataIsTop选择器的模板。 该模板如下 <!-- 是否爆品 --> <script type="text/html" id="dataIsTop"> <in...
script type text html script,尝试在让script的type属性等于text/html
weixin_42510188的博客
06-17 187
我们可以在片断中定义一个被JS调用的代码，但代码又不在页面上显示，这时，我们可以使用下面的方法：复制代码 代码如下: [UserName]：[CreateDate]复制代码 代码如下:var reg = new RegExp("\\[([^\\[\\]]*?)\\]", 'igm'); //i g m是指分别用于指定区分大小写的匹配、全局匹配和多行匹配。$("#addFun").click(fun...
script text html 参数,<script type="text/html"></script> js模版使用
weixin_39887961的博客
06-11 1610
12341.首先这种写，在页面渲染的时候，浏览器不会读取script标签中的html代码2.外面不能获取到里面的div节点所以：在使用时，要在script标签上加个ID可以供我们找到它，即然做模版用，且里面的html代码不会被渲染读取，则需在外面再新建一个div来当容器，装下这些html代码，即我们可以通过var _html=document.getElementById('javascript_...
<script type="text/html"></script> js模版使用
weixin_33860528的博客
02-07 140
一、简单示例 &lt;script type="text/html" id="javascript_template"&gt; &lt;div onclick="_dom()"&gt; &lt;ul id="wrap"&gt; &lt;li&gt;1&lt;/li&gt; &lt;li
artTemplate基本使用方法script type="text/html"
weixin_43584356的博客
11-05 9110
artTemplate基本使用方法 一.方法 1.template(id1, data)用script标签来展示 根据 id1 渲染模板。内部会根据document.getElementById(id2)查找模板。 如果没有 data 参数，那么将返回一渲染函数。 var html = template('test', data); document.getElementById('content...
script标签中type为<script type="text/x-template">是个啥
weixin_30622107的博客
07-16 701
写过一点前端的都会碰到需要使用JS字符串拼接HTML元素然后append到页面DOM树上的情况，一般的写法都是使用+号以字符串的形式拼接，如果是短点的还好，如果很长很长的话就会拼接到令人崩溃了。 比如有的时候需要使用弹出框的时候手动使用字符串拼接起来各种数据再渲染出来（这种写法太恶心了，简直没有职业道德…）。 因为上面的这种写法太恶心人了，但是在前端渲染数据又是一个刚需，这个时候...
html script标签 type,[HTML] script标签的type属性
weixin_39850331的博客
06-29 155
http://www.w3.org/TR/2014/REC-html5-20141028/scripting-1.html#attr-script-type(1)type attributeThe type attribute gives the language of the script or format of the data. If the attribute is present, i...
JavaScript
sbbakin的博客
07-08 706
JavaScript 为什么要学JavaScript JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。 javascript的作用： 1.表单验证——减轻服务器压力 javascript是客户端脚本语言，对于一些无效性的数据，为了减轻服务器压力，在客户端上进行表单验证，筛除一些无效的数据验证。 2.制作页面特效 3.动态改变页面内容（如动态轮播、选项卡显示等） 特点： 1.向HTML页面中添加交互行为 2.脚本语言，语法和Java类似 3.解释性语言，边执行边解释（即使一行代码出错
<script>标签
03-15
<script>标签是HTML中用于插入JavaScript代码的标签。通过在<script>标签中编写JavaScript代码，可以实现网页的动态效果和交互功能。以下是一些关于<script>标签的介绍： 1. 插入位置：可以将<script>标签放置在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值