html 相关问题

HTML(超文本标记语言)是用于构造网页和格式化内容的标准标记语言。 HTML在语义上描述了网站的结构以及用于表示的提示,使其成为标记语言,而不是编程语言。 HTML主要与CSS和JavaScript结合使用,为页面添加样式和行为。 HTML规范的最新修订版是HTML5.2。

引导模式打开时无法在输入类型=“文本”中键入(甚至无法聚焦)

我有一个 jquery 代码,它创建一个下拉菜单并将其精确放置在用户右键单击的位置。一切正常,除了一件事:我无法在输入字段中键入内容。 生成的dro...

回答 7 投票 0

卡片下方的按钮

我有产品卡,我想要产品卡,我想在它们下面添加一个“购买”按钮。但按钮不断向右移动。我如何放置一个按钮,以便每个按钮...

回答 1 投票 0

HTML5 - 保留 <img> 供以后使用

我正在建立一个网站,用户可以上传图片,然后就会显示出来。稍后我需要将此图像设置为他们的个人资料图片。这是我的代码: 我正在建立一个网站,用户可以上传图片,然后就会显示出来。稍后我需要将此图像设置为他们的个人资料图片。这是我的代码: <input id="inp" type='file' accept="image/*"onchange="readURL(this);" /><br> <img id="blah"/> <script type="text/javascript"> function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#blah') .attr('src', e.target.result) .width(150) .height(150); }; reader.readAsDataURL(input.files[0]); } } </script> 我不太明白你的问题,你可以将数据保存在一个变量中,然后在必须发布图像时使用该变量,你应该避免将图像直接存储在数据库中,而是存储对它们的引用。 但是如果你想在选择图像后简单地显示图像,你可以这样做: let input = $('input'), img = $('img'), reader = new FileReader(); function readFile(e) { reader.onload = function(e) { img.attr('src', e.target.result) } reader.readAsDataURL(e.target.files[0]) } input.on('change', readFile) <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input id="inp" type='file' accept="image/*"/> <img/> 但是,如果您想将图像永久保存在数据库中,您将必须了解后端如何工作,并且可能需要设置一个 Restful API。

回答 1 投票 0

本地存储项目选择 - HTML 5、Javascript

HTML 5 和 Javascript 中的本地存储项目选择 下面的代码旨在从本地存储中存储的数组中选择一个随机值,并相应地更新显示。 HTML 5 和 Javascript 中的本地存储项目选择 下面的代码旨在从本地存储中存储的数组中选择一个随机值,并相应地更新显示。 <DOCTYPE html!> <html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> </head> <body onload="onload()"> <div id="dd"> <h1>Todays Daily Double Is: </h1><h1 id="person"></h1> <script type="text/javascript"> function onload(argument) { document.getElementById('person').innerHTML = rand; } function runOncePerDay(){ var today = new Date().toLocaleDateString(); // if this function already ran today, do not continue. if( localStorage.yourapp_today == today ) return; // save today's date on the client's computer localStorage.yourapp_today = today; // your code below myArray = ["person1", "person2", "person3"]; var rand = myArray[Math.floor(Math.random() * myArray.length)]; document.getElementById('person').innerHTML = rand; } runOncePerDay(); // will work </script> </div> </body> </html> 你试图解决问题的方法是行不通的。您的 rand 变量不会神奇地记住客户上次打开网站时计算机上的内容。相反,您应该使用上次更新时间戳并仅在需要时刷新 localStorage,但您始终必须首先从 localStorage 获取数据。以下是您想要的工作实现: function onload() { var data = localStorage.getItem("appSettings"); if (! data || ! isTodayDate(JSON.parse(data).date)) { data = getData(); } data = JSON.parse(data); document.getElementById("person").innerHTML = data.text; } function isTodayDate(date) { return moment().diff(moment(date), 'days') == 0; } function getData() { var myArray = ["Ethan Goodhart", "Emma Meyers", "Toby Parker"]; var rand = myArray[Math.floor(Math.random() * myArray.length)]; var obj = { date: moment(), text: rand }; localStorage.setItem("appSettings", JSON.stringify(obj)); return JSON.stringify(obj); } onload(); <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment-with-locales.min.js"></script> <h1>Todays Daily Double Is: </h1><h1 id="person"></h1>

回答 1 投票 0

Bootstrap 5.3 tablist 里面<select><option>不能在除最新的firefox之外的其他浏览器上工作

除了 Mozilla Firefox 浏览器之外,我的以下代码无法正常工作。我正在使用 Bootstrap 5.3。任何人都可以帮助我制作带有选择选项的工作表格列表吗? 这是我的代码在

回答 1 投票 0

中心文件输入 - Html/Css

我正在使用 HTML、Javascript 和 CSS 构建一个网站,并且我有一个文件输入,但由于某种原因它不会完全居中。 身体 { 宽度:100%; 高度:100%; 保证金:自动; 文字...

回答 4 投票 0

iframe 或嵌入网站有什么替代方案吗?

我希望你一切都好。几周来我一直在为我的应用程序开发功能,但我不知道如何解决该问题。 我想做的是:插入任何网站...

回答 1 投票 0

Drop-shadow 在 iOS Safari 上无法正常工作

我已向复选框标签添加了阴影,以便在选中它们时出现阴影。它们在 chrome 上完美运行,但是当我在 mac 和 iPhone 上的 safari 上尝试它们时......

回答 2 投票 0

如何为 Web 应用程序设置 Thymeleaf?

我正在使用 eclipse 开发一个 Web 应用程序,我想使用 Thymeleaf,特别是我想从 servlet 设置一些变量,然后在 HTML 文件中使用。 我必须下载什么才能运行 Thymeleaf

回答 1 投票 0

如何确保响应式网站中不同屏幕尺寸的排版一致?

我正在开发一个响应式网站,我正在努力在各种设备和屏幕尺寸上保持一致的排版。当我调整浏览器窗口大小或在不同设备上查看网站时...

回答 1 投票 0

如何在js中做svg激光笔。就像 exlidraw 或 google 幻灯片中的那样?

我尝试使用 svg 路径元素创建鼠标轨迹。 使用贝塞尔曲线进行平滑,但不知何故平滑效果不好。 有人可以帮我弄这个吗。 常量平滑 = 0.10; 功能线(

回答 1 投票 0

我最近将标题/导航迁移到单独的文档中,现在我的汉堡菜单不起作用

因此,正如我上面所说,我最终决定通过将页眉/导航和页脚拉入单独的文档中以提高效率,从而使我的网站更加精简。它们分别是 header.html 和 footer.html...

回答 1 投票 0

从 CSS 按钮中删除轮廓[重复]

目前,我的下拉菜单中的按钮在每个按钮周围显示黑色轮廓(如图所示),但我正在尝试删除它们,以便按钮看起来与背景更加融合......

回答 1 投票 0

重新加载时在 HTML 输入中显示随机文本

我目前是一名菜鸟编码员,所以我需要一些帮助。 我想在页面加载/重新加载时在 html 字段中显示随机文本字符串。我希望它从 l...

回答 4 投票 0

HTML 按钮的默认高度是多少?

我想让按钮高度比默认值稍大一点,但我不知道默认值是多少。我想让它变得动态,最好使用 % 或 vh/vw,这样它在每个

回答 2 投票 0

JavaScript firstChild.nodeValue 不起作用

在我的课程中,如果用户输入了错误的值,我们使用firstChild.nodeValue 来显示文本。但是,我无法让其他两个字段显示错误消息,而只能显示第一个字段。 W...

回答 4 投票 0

如何迭代棋盘中的对角线,检查棋子是否可以使用 JavaScript 捕获

我用 CSS、HTML 和 JavaScript 设计了一个简单的 JavaScript 板。棋盘顶部有棋子,可以向右或向左向下捕获。我正在尝试编写一个 fu...

回答 1 投票 0

如何以混合形式检查字段完整性[重复]

我有表格。 该表单具有输入和数字字段。 我想检查字段填写的每个手势,以便我可以启用/禁用提交按钮。 我尝试使用 keydown/up 但那母鹿...

回答 2 投票 0

最大化网站并行下载

我一直在阅读有关通过从无 cookie 域提供静态内容来加速网站速度的文章。我们有一个 ASP.NET 网站,其中包含图像/css/js 的链接,例如 <p>我一直在阅读有关通过从无 cookie 域提供静态内容来加速网站速度的文章。我们有一个 ASP.NET 网站,其中包含图像/css/js 的链接,例如</p> <pre><code>&lt;script type=&#34;text/javascript&#34; src=&#34;/js/something.js&#34;&gt;&lt;/script&gt; </code></pre> <p>我一直在测试<a href="http://msmvps.com/blogs/omar/archive/2008/08.aspx" rel="nofollow noreferrer">this</a>文章中的静态内容过滤器,它似乎非常适合上述情况。然而,我们还有很多 CSS 文件,其样式如下:</p> <pre><code>background-image: url(/images/something.jpg) </code></pre> <p>静态内容过滤器不适用于这些情况。由于我们的很多图像位置都是在 CSS 文件中定义的,有没有好的方法来解决这个问题?</p> <p>每当我们将项目加载到本地开发计算机上时,我们显然都希望从本地主机提供所有文件,因此我们无法对所有这些位置进行硬编码。</p> <p>还有其他解决方案吗?或者我们可以更改一些内容来实现此功能?</p> </question> <answer tick="true" vote="2"> <p>您需要更改 CSS 文件。您可能需要构建一个“部署”脚本,在将文件从开发计算机传输到服务器之前动态修改文件,但您无法回避这样一个事实:完整路径必须硬编码在服务器的CSS。 </p> <p>(当然,除非您使用 javascript 加载所有图像,然后用它修改样式等,这种方法有其自身的问题)</p> </answer> </body></html>

回答 0 投票 0

使用 COM + IE 自动化进行 javascript 回发来保存文本文件

我想自动归档此页面http://energywatch.natgrid.co.uk/EDP-PublicUI/Public/InstantaneousFlowsIntoNTS.aspx上的数据,并上传到数据库中。 我一直在使用 python 和

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.