innerHTML

2024-06-22Javascript 教程
JavaScript 输出使用 window.alert() 弹出警告框<!DOCTYPEhtml><html><head><metacharset="UTF-8"> <title>使用window.alert()弹出警告框</title></head><body> <script>window.alert(&qu
2024-06-20js 如何解析带有html标签的内容
在JavaScript中解析带有HTML标签的内容，通常是为了提取信息或转换HTML结构为可操作的对象。以下几种方式可以实现：1.使用DOMParser 如果想将HTML字符串解析成DOM节点以便进一步操作（比如查询、修改等），可以使用DOMParser。这是一个非常强大的工具，特别是在处理复
2024-06-08DOM型xss靶场实验
DOM型xss可以使用js去控制标签中的内容。我使用的是一个在线的dom型xss平台，靶场链接：Challenges第一关MaSpaghet!：MaSpaghet!关卡<h2id="spaghet"></h2><script>spaghet.innerHTML=(newURL(location).searchParams.get('somebody')||"Somebody&qu
2024-05-20JS之打印导出PDF
我们可以直接调用浏览器的打印功能来实现。1.直接打印直接调用浏览器的打印功能，打印整个页面functionpreview(){window.print();}2.打印指定区域通过开始标记、结束标记来打印，打印局部页面<div>打印的内容</div><!--end
2024-04-29实现HTML标签的转义、反转义的几种方法
原文链接：https://blog.csdn.net/huanggang0101/article/details/99621029方法一：通过正则表达式进行替换1，HTML标签的转义方法//HTML标签转义（<-----><）functionhtml2Escape(sHtml){returnsHtml.replace(/[<>&"]/g,function(c){return{'<':�
2024-04-27创建可增添内容和删除当前行的表格
1.首先创建表格，设置表格id姓名性别年龄操作2.设置新增一行的按钮3.写add（）方法。在表格标签中新增tr节点。首先创建td标签。varadd=function(){vartd_1=document.creatElement("td_1");td_1.innerHTML="未输入";vartd_2=document.creatElement("td_2");t
2024-04-25页面打印
一、调出打印页面直接打印//toolbar=no,location=no,directories=no,status=no这些特征将分别隐藏工具栏、地址栏、目录按钮和状态栏。window.open(routeData.href,'newWindow','toolbar=no,location=no,directories=no,status=no,menubar=no');mounted(){
2024-04-17通过innerHTML vue不起作用
innerHTML 在Vue中直接使用可能不会如预期工作，因为Vue是数据驱动的，它期望你通过操作数据来更新视图，而不是直接操作DOM。当你使用 v-html 指令时，Vue会将内容作为HTML解析，但如果你直接修改DOM的 innerHTML，Vue就无法追踪变动了。解决方法：使用Vue的数据绑定功能
2024-04-17通过前端事件获得控件所在页面html
//输入框获取焦点事件functionhandleInputFocus(){ console.log('handleInputFocus2',event); letpgHtml=$(event.target).prop('ownerDocument').body.innerHTML;//jquery控件所在网页html（不知道为啥直接event点不出ownerDocument） letcurrHtml=$(event.target).pr
2024-04-08加价按钮（当前价基于起拍价变化）
效果： <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>价格增加示例<
2024-04-06JS——webAPIs（6）
一、知识点1.正则表达式的使用//正则表达式：用于匹配字符串中字符组合的模式conststr='学习前端'//定义规则constreg=/前端///进行查找-两个方法//用于判断是否有符合规则的字符串，返回布尔值console.log(reg.test(str));//用于
2024-03-14前端提交数据后http状态码400
报错如下：分析原因：前端Cookie使用过多，储存数据过大解决方案：方案一：Nginx配置文件nginx.conf中把请求头内存调大client_header_buffer_size32k;large_client_header_buffers432k;方案二：前端删除部分Cookie，用H5中的本地储存localStorage代替<!DOCTYPEhtml><html>
2024-02-26Vue框架设计：性能权衡的艺术
“框架设计里到处都体现了权衡的艺术。”当我们设计一个框架的时候，框架本身的各个模块之间并不是相互独立的，而是相互关联、相互制约的。因此作为框架设计者，一定要对框架的定位和方向拥有全局的把控，这样才能做好后续的模块设计和拆分。同样，作为学习者，我们在学习框架的时候，也应
2024-02-19获取手机GPS权限demo
<!DOCTYPEhtml><htmllang="cn"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>原生H5页面获取手机坐标</title>
2024-02-06js 字符集属性
HTML5增加了几个与文档字符集有关的新属性。其中，characterSet属性表示文档实际使用的字符集，也可以用来指定新字符集。这个属性的默认值是"UTF-16"，但可以通过元素或响应头，以及新增的characterSeet属性来修改。下面是一个例子：document.characterSet="UTF-8";自定义数据属性HTM
2024-02-032024/01/17
编写一个简单的登录界面<html><head><title>JSP-HelloWorld</title></head><bodybackground="imagine/鸡哥头.jpg"style="background-repeat:no-repeat;background-attachment:fixed;background-size:100%100%">
2024-01-24js 旧 IE 中的 innerHTML
在所有现代浏览器中，通过innerHTML插入的<script>标签是不会执行的。而在IE8及之前的版本中，只要这样插入的<script>元素指定了defer属性，且<script>之前是“受控元素”(scopedelement)，那就是可以执行的。<script>元素与<style>或注释一样，都是“非受控元素”(NoScopeelement)
2024-01-24js 自定义数据属性
HTML5允许给元素指定非标准的属性，但要使用前缀data-以便告诉浏览器，这些属性既不包含与渲染有关的信息，也不包含元素的语义信息。除了前缀，自定义属性对命名是没有限制的，data-后面跟什么都可以。下面是一个例子:<divid="myDiv"data-appId="12345"data-myname="Nicholas"></div>
2024-01-17利用javascript获取并修改伪元素的值
HEAD中添加style标签强制覆盖初始属性这个方法是利用内部css样式的高优先级来覆盖外部css，好处是简单易理解，实现简单。坏处就是吃相太难看，过于粗暴。varstyle=document.createElement('style');style.innerHTML=".test::before{color:green}";//添加样式内容的话也可以用上面提
2024-01-08倒计时模块复习
经典回顾倒计时倒计时的基本布局介绍。一个内容区域和一个输入区域，内容区域进行划分直接使用flex布局会更快一点。js代码我们利用一下模块化思想，直接把获得时间这个功能写成一个函数。方便后续的调用functiongetTime(){constdate=newDate()re
2023-12-18js表格输入框
<!DOCTYPEhtml><htmllang="en"> <head> <metacharset="UTF-
2023-11-26每日总结-23.11.25
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>SWFPlayer</title></he
2023-11-17javascript 自定义分页组件
仿boostrap前端分页组件的实现一写一个前端自定义分页组件，需要考虑以下问题 /* 需要一个<ul id="pagination"></ul>标签 total; // 总数据的数量 pageSize; // 一页显示数量 pageIndex; // 当前页 */ 二实现细节编写html
2023-11-16用JS实现简单的新闻向上轮播效果
最近在项目中遇到一个需求，就是实现一个功能，具体内容就是写一个类似轮播的功能，有限条标题，循环轮播。首先准备一个div，里边设置好要展示的内容divclass="panelline1"style="overflow:hidden"><h2>新闻动态</h2><divclass="app"><ahref="https://w
2023-11-10修改div中的内容
在日常的开发中，我们会需要获取或者修改html元素内容。那么什么方法可以让我们做到这一需求呢，今天我就为大家讲解一下修改div中内容的方法。<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> </head> <body> <divid="box"><