【JavaScript获取页面元素的常用方法】教程文章相关的互联网学习教程文章

使用Javascript获取画布中的最大字体大小【代码】

我正在绘制一个需要在完全可用屏幕(100%宽度和高度)上的画布.我使用这样的javascript设置画布的宽度和高度var w = window.innerWidth;var h = window.innerHeight;var canvas = document.getElementById("myCanvas");canvas.width = w;canvas.height = h;设置画布后,我需要在其中绘制一些需要获得最大可用字体大小的文本.请帮我找到如何显示最大字体大小的文本的方法.文本可以包含单个字符(大小写)或字符串,也可以包含数字.我需要...

如何使用JavaScript获取用户代理阴影根中的元素?【代码】

我需要从Shadow DOM获取元素并进行更改.我怎么能这样做?<div><input type="range" min="100 $" max="3000 $"> </div>解决方法:这是一个例子:var container = document.querySelector('#example'); //Create shadow root ! var root = container.createShadowRoot(); root.innerHTML = '<div>Root<div class="test">Element in shadow</div></div>';//Access the element inside the shadow ! //"container.shadowRoot" represent...

有没有办法使用JavaScript获取SSL证书详细信息?

我想在特定网站上收集SSL证书的某??些细节.我知道在Linux / MacOSX上使用openssl工具很简单.但是在JavaScript中是相同还是相似? 我知道浏览器处理套接字连接,并且SSL握手发生在任何一方发送数据之前.但是在XMLHTTPRequest中,我想知道是否有可能将这些细节作为某种响应代码等?解决方法:这个信息根本没有暴露给javascript,它很少被使用(从来没有,因为它不可用,但它很少使用),它被认为不足以添加到我想的javascript对象模型.任何很少...

asp.net – 在文件上传期间使用Javascript获取图像尺寸【代码】

我有文件上传UI元素,用户将在其中上传图像.在这里,我必须验证客户端图像的高度和宽度.是否有可能在JS中找到只有文件路径的图像大小? 注意:如果否,是否有其他方法可以在客户端找到维度?解决方法:您可以在支持W3C的新File API的浏览器上执行此操作,使用FileReader界面上的readAsDataURL函数并将数据URL分配给img的src(之后您可以读取图像的高度和宽度).目前Firefox 3.6支持File API,我认为Chrome和Safari已经或即将推出. 所以你在...

javascript – 获取所有用户定义的窗口属性?【代码】

有没有办法在javascript中找出所有用户定义的窗口属性和变量(全局变量)? 我试过console.log(窗口),但列表是无止境的.解决方法:你需要自己做这项工作.尽可能在第一时间阅读所有酒店.从那时起,您可以将属性列表与静态列表进行比较.var globalProps = [ ];function readGlobalProps() {globalProps = Object.getOwnPropertyNames( window ); }function findNewEntries() {var currentPropList = Object.getOwnPropertyNames( window ...

javascript – 获取对象或类的名称【代码】

有没有解决方案来获取对象的函数名称?function alertClassOrObject (o) {window.alert(o.objectName); //"myObj" OR "myClass" as a String }function myClass () {this.foo = function () {alertClassOrObject(this);} }var myObj = new myClass(); myObj.foo();for(var k in this){…} – 没有关于className或ObjectName的信息.有可能得到其中一个吗?解决方法:获取对象的constructor功能,然后检查其name属性.myObj.constructo...

javascript – 获取websockets因关闭代码1006而关闭的原因【代码】

我想得到websockets关闭的原因,所以我可以向用户显示正确的消息. 我有sok.onerror=function (evt) {//since there is an error, sockets will close so...sok.onclose=function(e){console.log("WebSocket Error: " , e);}代码总是1006,原因总是“”.但我想分别说明不同的结果原因. 例如,命令行给出了一个错误原因:“你不能删除它,因为数据库不会让你”.但在Chrome的控制台上,原因仍然是“”. 还有其他方法可以区分不同的结果原因...

使用JavaScript获取下一个/上一个元素?【代码】

如何使用JavaScript获取HTML中的下一个元素? 假设我有三个< div> s,我在JavaScript代码中得到一个引用,我想知道下一个< div>以前是哪个.解决方法:在纯JavaScript中,我的想法是你首先必须在集合中整理它们.var divs = document.getElementsByTagName("div"); //divs now contain each and every div element on the page var selectionDiv = document.getElementById("MySecondDiv");所以基本上用selectionDiv遍历集合来找到它的索...

javascript – 获取特定时区的时间【代码】

参见英文答案 > Convert date to another timezone in JavaScript 22个我使用的是JavaScript Date类&尝试使用getDate()方法获取当前日期.但显然它是加载系统日期&时间.我正在运行来自印度的代码,但我希望得到日??期&英国时间使用相同的方法.我怎样才能做到这一点 ?解决方法:如果您知道UTC偏移量,那么您可以使用以下函数传递它并获得时间:function calcTime(city, offset) {// create Date ob...

javascript – 获取元素的索引作为相对于父级的子级【代码】

假设我有这个标记:<ul id="wizard"><li>Step 1</li><li>Step 2</li> </ul>我有这个jQuery:$("#wizard li").click(function () {// alert index of li relative to ul parent });点击那个li后,如何获得子li相对于其父级的索引? 例如,当您单击“步骤1”时,将弹出一个“0”的警报.解决方法: $("#wizard li").click(function () {console.log( $(this).index() ); });但是,不是为每个列表项附加一个单击处理程序,而是使用delegate更...

javascript – 获取当前剪贴板内容?

我想知道一种方法,让我的脚本检测剪贴板的内容,并在打开页面时将其粘贴到文本字段中,而无需用户输入.怎么做到呢?解决方法:window.clipboardData.getData(‘Text’)可以在某些浏览器中使用.但是,它工作的许多浏览器将提示用户他们是否希望网页能够访问剪贴板.

javascript – 获取触发事件的元素的ID【代码】

有没有办法获取触发事件的元素的ID? 我想的是:<html><head><script type="text/javascript" src="starterkit/jquery.js"></script><script type="text/javascript">$(document).ready(function () {$("a").click(function () {var test = caller.id;alert(test.val());});});</script></head><body><form class="item" id="aaa"><input class="title"></input></form><form class="item" id="bbb"><input class="title"></input>...

javascript – 获取数组中的所有非唯一值(即:复制/多次出现)【代码】

我需要检查一个JavaScript数组,看看是否有任何重复的值.最简单的方法是什么?我只需要找到重复的值是什么 – 我实际上并不需要它们的索引或重复它们的次数. 我知道我可以遍历数组并检查匹配的所有其他值,但似乎应该有一个更简单的方法.有任何想法吗?谢谢! 类似的问题: > Get all unique values in an array (remove duplicates)解决方法:您可以对数组进行排序,然后运行它,然后查看下一个(或上一个)索引是否与当前索引相同.假设您...

用JavaScript获取图像数据网址?【代码】

我有一个带有一些图像的常规HTML页面(只是常规< img /> HTML标记).我想得到他们的内容,优选base64编码,而不需要重新下载图像(即它已经被浏览器加载,所以现在我想要内容). 我很想用Greasemonkey和Firefox实现这一目标.解决方法:注意:这仅在图像来自与页面相同的域中,或者具有crossOrigin =“anonymous”属性且服务器支持CORS时才有效.它也不会给你原始文件,而是一个重新编码的版本.如果您需要的结果与原始结果相同,请参阅Kaiido’s...

javascript – 获取图片网址Firebase存储(管理员)【代码】

我必须将图像上传到firebase存储.我没有使用网络版的存储空间(我不应该使用它).我正在使用firebase管理员.没问题,我上传文件没有困难,我得到变量“文件”中的结果. 如果我访问firebase存储控制台,图像就在那里.行.return admin.storage().bucket().upload(filePath, {destination: 'demo/images/restaurantCover.jpg', metadata:{contentType: 'image/jpeg'}public: true}).then(file =>{console.log(`file --> ${JSON.stringify(f...

元素 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部