• 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+CSS学习笔记(4) - 认识标签(3)

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

AVT Vimba与OpenCV环境配置

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

怎样在VC里面使用graphics.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一看就懂(2)闭包

认识闭包之前需要先了解作用域,如果你对作用域还没有足够了解,请移步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開始 ...

script text html 参数,script type=text/html/script js模版使用相关推荐

  1. Resource interpreted as Script but transferred with MIME type text/plain:

    我用script做ajax跨域,请求返回的是个文本字符串,chrome提示: Resource interpreted as Script but transferred with MIME type ...

  2. input type=text 无法使用.html(),input type=”text” (Elements) – HTML 中文开发手册

    HTML 中文开发手册 input type="text" (Elements) - HTML 中文开发手册 "text"类型的元素 创建通用的单行文本字段. ...

  3. style type=text/css中的type=text/css到底是什么意思

    最佳答案 type="text/css"是指定MIME类型,其中: text是指对象为网页中的文本 css或是javascript是指当前指定的文本类型... 如果要在HTML文件 ...

  4. 关于错误Resource interpreted as Script but transferred with MIME type text_html

    Created by Jerry Wang, last modified on Aug 03, 2014 某ui component里的javascript不work,通过Chrome F12 Con ...

  5. h5使用script type=“text/html“构建模板,动态改变模板内容

    目前本人知道的模块插件就2个,一个是:template_js,另外一个是Mustache 直接通过静态资源托管库在页面中引入就好 注意:以下内容只是用案例,生产环境请根据实际情况更改相应内容 1.te ...

  6. <script type =“text / template”> ... </ script>的说明

    本文翻译自:Explanation of I just stumbled upon something I've never seen before. 我偶然发现了一些我以前从未见过的东西. In t ...

  7. script type=text/template是干什么的,为什么要把html写在js中? 这是什么编程语言风格,都能这样用吗?...

    这一段存放了一个模板. 在js里面,经常需要使用js往页面中插入html内容.比如这样: var number = 123; $('#d').append('<div class="t ...

  8. script标签中type为script type=text/x-template是个啥

    写过一点前端的都会碰到需要使用JS字符串拼接HTML元素然后append到页面DOM树上的情况,一般的写法都是使用+号以字符串的形式拼接,如果是短点的还好,如果很长很长的话就会拼接到令人崩溃了. 比如 ...

  9. <script type=“text/html“>是怎么回事?

    1.问题描述 可以在 "script" 片断中定义一个被JS调用的代码,但代码又不在页面上显示. 2.代码示例 <html> <head> <titl ...

  10. [JavaScript] script type=text/javascript /script 和script language=javascript /script区别

    language="javascript" 和type="text/javascript"的区别 (1)<script language="ja ...

最新文章

  1. react 组件连动效果_react-redux应用之独立组件联动实例
  2. CF558E A Simple Task 线段树
  3. 南工计算机调剂,南京工业大学2021年硕士研究生调剂公告
  4. PIC单片机精通_异步串口通讯实例与细节
  5. python scrapy框架爬虫_Scrapy爬虫框架教程(一)-- Scrapy入门
  6. Linux 设备驱动开发 —— Tasklets 机制浅析
  7. EventBridge 事件总线及 EDA 架构解析
  8. 关于Gossip协议的几个问题
  9. 关于System.identityHashCode(obj) 与 obj.hashcode()
  10. nodepad代码格式复制到word发布到博客
  11. zktime 协议_中控考勤机对接信呼帮助(中控ZKTime5.0系统软件版)
  12. 攻防世界crypto部分sherlock的writeup,原来不是培根密码。
  13. 类静态初始化块即将纳入ES2022,我们先一睹为快
  14. 计算机考研专业课只考一科的学校汇总
  15. 新形势下大学生心理健康问题及教育模式探讨
  16. postman 搭建mock-server
  17. 操作系统实验报告linux进程管理,计算机操作系统实验报告三Linux进程基本管理.doc...
  18. 享学课堂Java开发之Mybatis训练营
  19. macOS VirtualBox 安装步骤
  20. 【人脸融合】Java使用百度AI整合OpenCV实现人脸融合效果

热门文章

  1. tkinter 小说编写器,文本编辑器,小说阅读器
  2. b站如何一次性把up主全部取消关注,让自己去学习
  3. 【YOLOv3原文+翻译】YOLOv3:An Incremental Improvement
  4. 果汁机器人传销_【调查】“洋果汁治百病”?然健环球涉嫌传销大起底
  5. dubbo源码导入eclipse
  6. 详解如何在vue项目中使用lodop打印插件,以及样式打印预览缺失的问题(底部)
  7. 水晶报表打印出错,未能加载文件或程序集“CrystalDecisions.CrystalReports.Engine, Version=10.5.3700.0
  8. javaWeb开发的放推特项目之推特发布
  9. 【Unity实战100例】Unity屏幕画线,Unity屏幕画图HSJ绘画工具
  10. 学习笔记 | 建站流程