首页 > TAG信息列表 > Document

DOM第二章 节点操作

元素节点操作 切换图片 <style> p { text-align: center; width: 400px; height: 50px; } div { width: 400px; height: 400px; background: goldenrod; margin:

web安全 - DOM based XSS 防御

在javascript执行上下文中,可以访问和设置HTML, HTML属性, URL 和CSS,因此这些我们称为子上下文。 1.先进行HTML编码再进行javascript编码,将不受信任的数据插入执行上下文中的HTML子上下文之前。 有几种方法和属性可用于在javascript中直接呈现HTML内容。这些方法构成了执行上下文中

[踩坑回顾]单屏页面整体居中适配后,横竖屏切换的问题

场景: ① 页面内容在一个屏幕内展示完,不上下左右滑动。 ② 页面内容左右居中/上下居中。 ③ 页面原本内容为竖屏,需要在横屏浏览器中强制左旋90°。   // 横竖屏适配 var vertical = document.documentElement.clientHeight >= document.documentElement.clientWidth

前端下载图片、pdf、excel、world文件;前端下载图片和pdf文件;前端a标签下载图片和pdf文件;下载文件名称不生效原因

https://blog.csdn.net/i_am_a_div/article/details/125050379   https://blog.csdn.net/moguzhale/article/details/107704621?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165390015016782425114724%2522%252C%2522scm%2522%253A%252220140713.130102334..%25

Web 应用程序中的暗模式切换器

Web 应用程序中的暗模式切换器 深色模式(配色方案“ 黑暗中的光明 ”)近年来非常流行。它应该在眼睛上更容易并且更少消耗电池。今天,桌面和移动设备的所有主要操作系统都支持这种模式。 在当前文章中,我们将了解如何创建一个响应用户在操作系统中选择的配色方案的 Web 应用程序,并学

慕课培训平台

// ==UserScript== // @name 平台培训 // @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the world! // @author You // @match // @match // @icon // @grant none // ==/Use

javascript(js)

<!DOCTYPE html><html><head> <meta charset="utf-8"> #配置引用参数</head><body>//文字输出<h1>我的是于你大爷</h1> #输出h1号文字<p id="demo">sss</p> #输出p号文字,引用下面定义的id<

故事公式

Pixar 故事公式 每个故事都依次分成六个部分。 (1)很久以前:描述一下世界以前的样子。 (2)每天的生活:大家怎么过日子。 (3)直到有一天:一个突发事件引发了巨变。 (4)由于这件事:主人公遭受到了磨难。 (5)由于这件事:主人公下定决心,展开新的冒险,找到出路。 (6)最终:问题解决了,主人公过上了美好生活。

第一章 获取元素事件

1.1. Web API介绍 1.1.1 API的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,无需理解其内部工作机制细节,只需直接调用使用即可。 举例解释什么是API。 例

JS错题整理

1.计算 x=5 X%2==1 (取余) X++;- -X; ====> x==5 2.数据类型不包含 日期 3.typeof(7+8) == "number"   typeof person == "object"  person是undefined        null == undefined  但是 null === undefined 不对 ,数据类型不一致,因此不等 4.访问对象属性的方法有两种 (1)

drag 自定义指令

import Vue from 'vue' const drag = Vue.directive('drag', {     bind: function(el) {},     inserted: function(el) {         el.onmousedown = function(e) {             var disx = e.pageX - el.offsetLeft             var disy = e.pageY -

jQuery 生成二维码 QRCode.js

github https://github.com/davidshimjs/qrcodejs Examples1 <div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie");

ThinkPHP3使用PHPWord修改模板并下载

下载(直接覆盖到/ThinkPHP目录) https://files.cnblogs.com/files/sunr/ThinkPHP_PHPWord.zip?t=1662682605 PHP $row=(new PersonModel())->find(\session('person_id')); //模板及临时文件目录 $tempPath='./doc_templet/'; //模板文件 $templetFile=$tempPath.'resu

基于iTextSharp.text+iTextSharp.text.pdf 的pdf文件合并

先引用 using iTextSharp.text;using iTextSharp.text.pdf;   public static string MergePdf(List<string> list, string merFilePath, bool isDelOldFile = true) { try { List<PdfReader> pdfReaders =

一个函数实现浏览器复制,自定义复制功能

点击按钮自定义复制的文字,这在前端项目中还是很常见的,npm里面有很全的clipboard.js插件,但其实我们写个函数就可以实现这个功能了  函数封装: /** * 复制功能 * @param {string} text */ function copyFn(text){ return new Promise((resolve, reject) => { let messag

Java 根据XPATH批量替换XML节点中的值

根据XPATH批量替换XML节点中的值 by: 授客 QQ:1033553122 测试环境 JDK 1.8.0_25 代码实操 message.xml文件 <Request service="SALE_ORDER_SERVICE" lang="zh-CN"> <Head> <AccessCode>xxxxxxxxxx12Ur8v6qkYAaOf</AccessCode> <

c# 引入同一个版本dll(比如包含opencv不同模块的dll,但是版本却是一致的)

1.使用dnSpy.exe工具,打开相关dll    在左侧"管理器"中选中并点击右键 2.在弹出菜单中点击编辑程序集 3.更改名称和版本号   4.工具栏-文件-全部保存 5.在VS中引入dll 6.右键该dll->属性->填写一个别名    在.cs文件顶部加入下面的语句,使用别名    7.调用    两个dll

Purify Baidu Search

// ==UserScript== // @name Purify Baidu Search // @description 百度搜索净化,去除推广链接和默认安装百度杀毒 // @namespace https://greasyfork.org/zh-CN/scripts/13808 // @version 2.0 // @include *www.baidu.com* // @run-at document-star

修改iframe内部元素的样式

1. HTMLIFrameElement.contentDocument 使用这个方法获取页面iframe中的dom对象,注意可能会有下面两种结果: 1.1 如果iframe和它的父级在同一个域名下,那么这个方法返回document(是一个嵌套的浏览器上下文环境) 1.2 如果iframe和它的父级不在同一个域名下,那么这个方法返回null 有了上

[javascript]document的open() write() close()用法

1、document.open() 作用:打开一个新文档,即打开一个流,并擦除当前文档的内容。 执行完后会打开一个空的html文档 语法:document.open(mimetype,replace) 参数: mimetype:可选。规定正在写的文档的类型。默认值是"text/html"。 replace:可选。当此参数设置后,可引起新文档从父文档继承历史

HTML、CSS 和 JavaScript 中的所有唯一字符挑战

HTML、CSS 和 JavaScript 中的所有唯一字符挑战 HTML: <div class="wrapper"> <h1>所有独特的字符</h1><br> <p>来自<a href="https://buttondown.email/cassidoo/archive/keep-your-face-always-toward-the-sunshine-and/">Cassid

前端拖拽的简单实现

鼠标按下拖动松开时鼠标的位置分析:     <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewpo

15.web开发-SpringMVC自动配置概览

Spring Boot provides auto-configuration for Spring MVC that works well with most applications.(大多场景我们都无需自定义配置) The auto-configuration adds the following features on top of Spring’s defaults: Inclusion of ContentNegotiatingViewResolver and Bea

HTML、CSS 和 JavaScript 中的所有唯一字符挑战

HTML、CSS 和 JavaScript 中的所有唯一字符挑战 HTML: <div class="wrapper"> <h1>所有独特的字符</h1><br> <p>来自<a href="https://buttondown.email/cassidoo/archive/keep-your-face-always-toward-the-sunshine-and/">Cassid

JavaScript学习

一、什么是JavaScript JavaScript世界上最流行的脚本语言 一个合格的后端人员,必须精通JavaScript 二、快速入门 2.1、引入JavaScript 内部引入 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>