[html] 开发静态页面时,不依赖node相关的工具,如何提取出公共部分并引入?

[html] 开发静态页面时,不依赖node相关的工具,如何提取出公共部分并引入?

比如我现在有一个index.html,如果要在其中html中引入html的话,我们假设该组件为modal.html,我们现在可以写一个最简单的html文件展示一下:<html><head><style></style><head><body><div><include src="./modal.html"></include></div></body>
</html>这样一段html代码就被引入了,当然我们可以在里面加入JS代码,它的编译顺序就是DOM节点顺序顺次下来,JS运行时要注意一下时序的问题。
以上,css和js组件可以直接用script标签引入,html组件可以用include标签引入。

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/410354.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【转载】ARM芯片介绍

ARM芯片介绍 作者&#xff1a;nbnb001 原文网址&#xff1a;http://bbs.imp3.net/thread-894970-1-1.html 一、ARM9系列 较小的核心面积带来较低的成本&#xff0c;相对比较省电&#xff0c;但难以冲击更高的频率&#xff0c;总体效能有限。 1. 威盛WM8505/WM8505 主频&#xf…

action请求是什么意思_凭什么说大疆Osmo Action可以干掉 GoPro hero7?

国内影像器材相关厂商中&#xff0c;大疆的研发实力显然处在第一阵营中的领军位置。这样评价它&#xff0c;不光是因为大疆这些年推出的产品在成像品质上都极为优秀&#xff0c;更是因为在爱好者眼中&#xff0c;这是一家“发起疯来连自家产品都打压”的技术疯子。和别人竞争&a…

数据共享如何改变世界_如何改变他人?“我不会去改变这个世界,我们会去改变自己”。...

我们每一个人都经常觉得&#xff0c;如果要是别人改变了的话&#xff0c;我们就会变得快乐&#xff0c;如果别人会做这一点的话&#xff0c;我就会变成快乐。我们就是一直不断地去努力&#xff0c;而且也希望别人可以改变。我见到很多的人&#xff0c;来参加我们的课程&#xf…

在laravel5.8中集成swoole组件----用协程实现的服务端和客户端(nginx配置篇章)

laravel项目中的配置 原文出处&#xff1a;https://laravelacademy.org/post/19700.html&#xff0c;感谢原文作者让laravel这款可爱的php框架&#xff0c;进入了高并发的殿堂如果你已经成功安装了laravelS组件&#xff0c;并用他接管了你的laravel项目&#xff0c;那么接下来…

[html] 如何判断用户正在操作页面?当页面一个小时没有操作时跳转到指定页面如何做?

[html] 如何判断用户正在操作页面&#xff1f;当页面一个小时没有操作时跳转到指定页面如何做&#xff1f; 监听mousemove事件。当一段时间没有触发mousemove时&#xff0c;即认定用户没有操作页面个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&am…

Html5---可编辑的Contenteditable

Html5的新元素&#xff0c;使得表格的每个文本都是在网页中可编辑的&#xff0c;效果很好&#xff0c;很实用&#xff01; Chinese Name:moumouBirthday:1931.01.13English Name:momoCareer:SingerOther Name:testRepresentative works:Mr.Nationality:KoreaTeam:KARANation:Ko…

imagex使用方法_Microsoft OneDrive 的使用心得,真香

一、OneDrive 账号1. 免费用户只有5GB&#xff0c;这显然是不够的&#xff1b;2. 可以通过购买 Office 365 获得 1TB 空间&#xff1b;3. 可以通过教育邮箱获得免费 3-5TB 空间&#xff0c;这个是真香的方法&#xff0c;上大学期间现在学校基本都给学生edu邮箱&#xff0c;可以…

Refactoring

What Refacing&#xff1a; 重构&#xff08;Refactoring&#xff09;就是在不改变软件现有功能的基础上&#xff0c;通过调整程序代码改善软件的质量、性能&#xff0c;使其程序的设计模式和架构更趋合理&#xff0c;提高软件的扩展性和维护性。 经典的Refacing Definition&am…

编程之美-2.17-数组循环移位

1. 简述 设计一个算法&#xff0c;把一个含有N个元素的数组循环右移K位&#xff0c;要求时间复杂度为O(N)&#xff0c;且只允许使用两个附加变量。 2. 思路 其实看到题目中只允许两个附加变量应该也能想到&#xff0c;就是两个变量倒来倒去就行了。如果熟悉希尔排序的话&#x…

[html] 如何给页面添加追加右键菜单(原右键菜单功能保持不变)

[html] 如何给页面添加追加右键菜单&#xff08;原右键菜单功能保持不变&#xff09; 监听oncontextmenu&#xff0c;在系统右键菜单下追加自定义菜单个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起讨论 …

python写入excel特定区域_Python读取Excel中符合特定条件的数据,并写入新的表格中...

版权声明&#xff1a;本文为博主原创文章&#xff0c;遵循CC 4.0 BY-SA版权协议&#xff0c;转载请附上原文出处链接和本声明。 原始表格 代码#!/usr/bin/env python # -*- coding: utf-8 -*- # Time : 2019/3/20 21:24 # Author : cunyu # Site : cunyu1943.github.io # File …

swoole 协程channel乱测

channel和数组差不多&#xff0c;可以被用作队列&#xff0c;属性capacity是设置容量&#xff0c;isEmpty() isFull() 用来判断队列是空还是满&#xff0c;push()加入队列 pop()弹出队列 interface pusher {function push($data); } #require redisconn.php; class mypusher im…

Rails 3:提高Ajax应用速度

Rails 3&#xff1a;提高Ajax应用速度 http://developer.51cto.com 2011-05-18 09:45 Stefan Siebel 51CTO 我要评论(0)我建立了一个列表网站&#xff0c;ListKungFo&#xff0c;其中大量使用了Ajax&#xff0c;目前为止网站运行非常良好。而过去两周里&#xff0c;我一直在…

[html] websocket和socket有什么区别?

[html] websocket和socket有什么区别&#xff1f; 1.Socket 是传输控制层的接口。用户可以通过 Socket 来操作底层 TCP/IP 协议族通信。 2.WebSocket 是一个完整应用层协议。 3.Socket 更灵活&#xff0c;WebSocket 更易用。 4.两者都能做即时通讯个人简介 我是歌谣&#xff…

opencv支持python3吗_Python3.4+opencv3

1、安装Python 3.4 for Windows 好的这好像没有什么可以说的 2、下载OpenCV 3和Numpy(OpenCV依赖Numpy库) 大家在这里就出了问题。如果使用直接使用pip install pyopencv安装一定会出错。这里使用了Python界活雷锋封装的安装包&#xff0c;大家根据自己的系统下载&#xff1a; …

Python之浅谈运算符

目录 格式化输出的三种方式基本运算符流程控制格式化输出的三种方式 运算符的语义取决于其操作数的类型 第一种格式化方式&#xff08;3.0&#xff09; name Tim height 170 weight 120 print(My name is:%s,my height is:%s,my weight is:%s%{name,height,weight})第二种格…

[html] websocket和http有什么区别?

[html] websocket和http有什么区别&#xff1f; WebSocket是双向的&#xff0c;在客户端-服务器通信的场景中使用的全双工协议&#xff0c;与HTTP不同&#xff0c;它以ws://或wss://开头。 HTTP是单向的&#xff0c;客户端发送请求&#xff0c;服务器发送响应。个人简介 我是…

Socketpair 简介

socketpair - a slight generalization of pipes used for two-way stream communication. 以下内容来自&#xff1a;匠意雕码 http://my.oschina.net/zengsai/blog/12583 今天用了一个从没玩过的socket函数socketpair()&#xff0c;它的作用是在进程内创建一对sock连接。乍一看…

cacti安装配置详解_MySQL实战001:8.0免安装版服务配置详解

首先我们需要先下载MySQL的安装包&#xff0c;MYSQL官方下载地址&#xff1a;https://dev.mysql.com/downloads/mysql/&#xff0c;这里我下载的是MySQL Community Server 8.0.15版本&#xff0c;以前MySQL还有安装版&#xff0c;现在都是压缩版&#xff0c;解压之后将环境配置…

HttpServletRequest简述

HttpServletRequest简述 HttpServletRequest httpServletRequest (HttpServletRequest) request;/*getRequestURL方法返回客户端发出请求时的完整URL。getRequestURI方法返回请求行中的资源名部分。getQueryString 方法返回请求行中的参数部分。getRemoteAddr方法返回发出请求…