script text html 参数,<script type="text/html"></script> js模版使用

• 1
• 2
• 3
• 4

1.首先这种写，在页面渲染的时候，浏览器不会读取script标签中的html代码

2.外面不能获取到里面的div节点

所以：

在使用时，要在script标签上加个ID可以供我们找到它，

即然做模版用，且里面的html代码不会被渲染读取，则需在外面再新建一个div来当容器，装下这些html代码，

即我们可以通过

var _html=document.getElementById('javascript_template').innerHTML;

document.getElementsByTagName('div')[0].innerHTML=_html;

然后我们模版里的htmll代码就可以运行在页面中了;

如果遇到html代码加入外部div后，获取不到节点的情况，可以在外部写个函数，然后在html内部用行内调用 οnclick="_dom()"

function _dom() {

document.getElementById('wrap')

}

随机推荐

【模拟】POJ 3087

直达–>POJ 3087 Shuffle'm Up 题意:一开始没怎么看明白,注意现是从S2里拿牌放在最底下,再放S1,这样交叉放(我一开始以为是S1和S2随意哪个先放,分别模拟取最小),然后在 ...

HTML&plus;CSS学习笔记&lpar;4&rpar; - 认识标签(3)

HTML+CSS学习笔记(4) - 认识标签(3) 1.使用标签,链接到另一个页面 使用标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这 ...

AVT Vimba与OpenCV环境配置

近来,由于项目需求,需要使用AVT的一款相机采集图像并进行相应的算法处理.环境的配置过程较为复杂,特此记录,以做备忘.也给有需要的小伙伴们一些key point的分享. 搭建环境:Windows7 + ...

怎样在VC里面使用graphics&period;h绘图

网上很多绘图程序和小游戏程序都是用的 TC,在 VC 下编译时提示错误:fatal error C1083: Cannot open include file: 'graphics.h': No su ...

AssertJ

import com.tangcheng.learning.test.assertj.AssertJEmployee; import com.tangcheng.learning.test.asser ...

JavaScript一看就懂&lpar;2&rpar;闭包

认识闭包之前需要先了解作用域,如果你对作用域还没有足够了解,请移步JavaScript一看就懂(1)作用域 什么是闭包? 我们可以先简单认为:一个函数a定义在另一个函数b里面,这个函数a就是闭包: f ...

RDMA RC UC UD

RC:面向连接的可靠服务 UC:面向连接的不可靠服务 UD:面向数据报的不可靠服务 RD:面向非连接(类似UDP)的可靠服务 面向连接 vs 面向数据报 相同点:两者的通信均包括双方QP对的参与 不同 ...

【RabbitMQ】工作模式介绍

一.前言 之前,笔者写过< CentOS 7.2 安装 RabbitMQ> 这篇文章,今天整理一下 RabbitMQ 相关的笔记便于以后复习. 二.模式介绍 在 RabbitMQ 官网上提 ...

第2章 Python基础-字符编码&amp&semi;数据类型 字符编码&amp&semi;字符串 练习题

1.简述位.字节的关系 位(bit)是计算机中最小的表示单元,数据传输是以“位”为单位的,1bit缩写为1b 字节(Byte)是计算机中最小的存储单位,1Byte缩写为1B 8bit = 1Byte ...

Java Web项目中使用Freemarker生成Word文档

Web项目中生成Word文档的操作屡见不鲜.基于Java的解决方式也是非常多的,包含使用Jacob.Apache POI.Java2Word.iText等各种方式,事实上在从Office 2003開始 ...