- 2024-10-302024/10/30
今天学习了对页面输入内容的约束写法/提交日报逻辑document.getElementById('submitForm').addEventListener('submit',function(e){e.preventDefault();letbatch=document.getElementById('batch').value;letworkerId=document.getElementById('w
- 2024-09-24万象更新 Html5 - dom: DOM 获取元素，修改元素的样式
源码https://github.com/webabcd/Html5作者webabcd万象更新Html5-dom:DOM获取元素，修改元素的样式示例如下:dom\demo1.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>DOM获取元素，修改元素的样式</t
- 2024-09-24万象更新 Html5 - dom: DOM 事件
源码https://github.com/webabcd/Html5作者webabcd万象更新Html5-dom:DOM事件示例如下:dom\demo3.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>DOM事件</title><sty
- 2024-09-02JS的DOM高级编程和动态添加表格行的小案例实现
DOM高级编程（DocumentobjectModal）DOM概述DOM－DocumentObjectModal，它是W3C国际组织的一套Web标准DOM是一种与浏览器、平台、语言无关的接口Dom认为：html文档中每个成员都是一个节点，根据节点的不同，可分为：文档节点（document）元素节点（element）属性节点（attribute）文本节点（tex
- 2024-07-31JavaScript(四）——JavaScript 语法
目录JavaScript语法JavaScript字面量JavaScript变量JavaScript操作符JavaScript语句JavaScript关键字JavaScript注释JavaScript数据类型JavaScript函数JavaScript字母大小写JavaScript字符集驼峰命名法小驼峰命名法大驼峰命名法（帕斯卡命名法）JavaS
- 2024-07-25vue3学习
虚拟DOM选择的原因 虚拟DOM和innerHTML的性能区别涉及到DOM运算远比JavaScript层面上的计算性能差，就是说dom运算所花费的时间会比JavaScript运算的时间长对于创建新页面的时候，两种运算性能差不多。对于更新页面的时候，纯JavaScript运算中，虚拟DOM是创建新的JavaScript对象加d
- 2024-07-23JavaScript——DOM属性之innerHTML和insertBefore
今天我们来看看DOM当中的innerHTML和insertBefore。今天是用的样例仍然与上次一样，样例代码如下：<body><p>喜欢的城市</p><ulid="city"><liid="bj"name="beijing">北京</li><li>上海</li><
- 2024-07-22vue3.0使用batchBarCode打印单个或当前页一维码
1.在main.ts中导入importJsBarcodefrom'jsbarcode'//导入一维码插件app.component('JsBarcode',JsBarcode) 2.单个打印1<!--条形码-->2<el-dialogv-model="BarCodeVisible"width="60%"title="条形
- 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.打印指定区域通过开始标记、结束标记来打印，打印局部页面<!--startprint--><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)