程序设计 html

10

当我使用以下代码创建iframe时： <iframe src="mypage.html" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe> iframe不能完全解决问题-iframe周围有10像素的白色“边框”。我该如何解决？这是问题的图像：

163 html iframe

11

JSON.stringify以漂亮的打印方式输出到div

我JSON.stringify是一个json对象 result = JSON.stringify(message, my_json, 2) 在2上面的说法应该是相当打印结果。如果我做类似的事情，它就是这样做的alert(result)。但是，我想通过将其附加到div中来输出给用户。当我这样做时，我只会显示一行。（我认为它不起作用，因为中断和空格未解释为html？） { "data": { "x": "1", "y": "1", "url": "http://url.com" }, "event": "start", "show": 1, "id": 50 } 有没有办法以JSON.stringify漂亮的打印方式将结果输出到div？

163 javascript html json pretty-print stringify

12

将拖放文件拖放到标准html文件输入中

如今，我们可以将文件拖放到一个特殊的容器中，并使用XHR 2上载它们。带有实时进度条等。非常酷的东西。这里的例子。但是有时候我们不想那么酷。我想要的是将文件（一次很多）拖放到标准HTML文件输入中：<input type=file multiple>。那可能吗？有什么方法可以从文件拖放中用正确的文件名（？）“填充”文件输入吗？（出于文件系统安全性原因，完整的文件路径不可用。）为什么？因为我想提交一份普通表格。适用于所有浏览器和所有设备。拖放只是逐步增强，可以增强和简化UX。具有标准文件输入（+ multiple属性）的标准表单将在那里。我想添加HTML5增强功能。编辑我知道在某些浏览器中，您有时可以（几乎总是）将文件拖放到文件输入本身中。我知道Chrome通常会执行此操作，但是有时会失败，然后将文件加载到当前页面中（如果您要填写表单，则会导致很大的失败）。我想愚弄和浏览器证明。

163 html file-upload drag-and-drop

6

未声明HTML文档的字符编码

当我单击表单的提交按钮时，出现以下错误消息： “未声明HTML文档的字符编码。如果文档包含US-ASCII范围以外的字符，则在某些浏览器配置中，文档将呈现乱码。必须在文档中声明页面的字符编码，否则，在传输协议中。” insert.html： <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>insert page</title></head> <body> <h1> Insert Page </h1> <form action="insert.php" method="post" enctype="application/x-www-form-urlencoded" > <p>Title:<input type="text" name="title" size="40"/></p> <p>Price:<input type= "text" name="price" size="40" /></p> <p><input type="submit" value="Insert" /> <input type="reset" value="Reset" /></p> </form> </body> …

163 php html

12

如何在网站上使用Google的Roboto字体？

我想在我的网站上使用Google的Roboto字体，并且正在关注此教程： http://www.maketecheasier.com/use-google-roboto-font-everywhere/2012/03/15 我已经下载了具有如下文件夹结构的文件：现在我有三个问题：我的media/css/main.css网址中包含CSS 。所以我需要把文件夹放在哪里？我是否需要从所有子文件夹中提取所有eot，svg等文件并放入fonts文件夹中？我是否需要创建CSS文件fonts.css并将其包含在基本模板文件中？他使用的例子 @font-face { font-family: 'Roboto'; src: url('Roboto-ThinItalic-webfont.eot'); src: url('Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-ThinItalic-webfont.woff') format('woff'), url('Roboto-ThinItalic-webfont.ttf') format('truetype'), url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (under the Apache Software License). font-weight: 200; font-style: italic; } 如果我想使用类似dir的结构，我的网址应该是什么样的： /media/fonts/roboto

163 html css fonts

13

比较两个DataFrame并并排输出它们的差异

我试图突出显示两个数据框之间到底发生了什么变化。假设我有两个Python Pandas数据框： "StudentRoster Jan-1": id Name score isEnrolled Comment 111 Jack 2.17 True He was late to class 112 Nick 1.11 False Graduated 113 Zoe 4.12 True "StudentRoster Jan-2": id Name score isEnrolled Comment 111 Jack 2.17 True He was late to class 112 Nick 1.21 False Graduated 113 …

162 python html pandas dataframe panel

15

HTML中的三态复选框？

没有办法在HTML中具有三态检查按钮（是，否，空），对吗？是否有任何简单的技巧或解决方法，而不必自己渲染整个内容？

162 html forms checkbox

11

禁用div中的所有表单元素

有没有办法通过仅告诉jquery / javascript中的父div名称来禁用表单中的所有字段（textarea / textfield / option / input / checkbox / submit等）？

161 jquery forms html field

3

Flexbox vs Twitter Bootstrap（或类似框架）

已关闭。这个问题是基于观点的。它当前不接受答案。想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 5年前关闭。改善这个问题我最近发现，Flexbox当我在寻找一种解决方案来使divs相同，取决于最高的解决方案。我已经阅读了CSS-tricks.com上的以下页面，它使我确信这flexbox是一个非常强大的学习和使用模块。但是，这也让我想到了Twitter Bootstrap（和类似框架）为其网格系统提供某种相同功能（当然还有很多额外功能）的事实。现在，问题是：优缺点是flexbox什么？Flexbox不能提供与Bootstrap这样的框架可以做到的某些功能（当然，纯粹是在谈论网格系统）吗？在网站上实施时哪个更快？我猜想仅用于网格系统会更聪明flexbox，但是如果您已经在使用框架，flexbox可以添加一些内容吗？是否有任何理由选择flexbox框架的“网格系统”？

161 html css twitter-bootstrap flexbox

6

有相对于根的链接吗？

有没有一种方法可以使页面上的所有链接都相对于根目录？例如，在www.example.com/fruits/apples/apple.html我上面可以有一个链接说： <a href="fruits/index.html">Back to Fruits List</a> 该链接指向www.example.com/fruits/apples/fruits/index.html还是www.example.com/fruits/index.html？如果是第一个，有没有办法让它指向第二个呢？

161 html location-href

9

添加选项以使用javascript选择

我希望这个javascript在id =“ mainSelect”的选择中创建12到100个选项，因为我不想手动创建所有选项标签。你能给我一些指导吗？谢谢 function selectOptionCreate() { var age = 88; line = ""; for (var i = 0; i < 90; i++) { line += "<option>"; line += age + i; line += "</option>"; } return line; }

161 javascript html

10

CSS选择器以获取最后可见的div

一个棘手的CSS选择器问题，甚至不知道是否可能。可以说这是HTML布局： <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> 我想选择div显示的最后一个（即不是display:none），div在给定示例中将是第三个。请注意，div实际页面上的s 数量可能会有所不同（甚至是个数display:none）。

161 html css css-selectors

12

jQuery与document.querySelectorAll

我多次听到jQuery最强大的资产就是它查询和操作DOM中元素的方式：您可以使用CSS查询创建复杂的查询，而这在常规javascript中是很难做到的。但是，据我所知，您可以使用Internet Explorer 8及更高版本支持的document.querySelector或来获得相同的结果document.querySelectorAll。所以问题是这样的：如果可以用纯JavaScript实现最强大的资产，为什么要“冒险” jQuery的开销呢？我知道jQuery不仅具有CSS选择器，例如跨浏览器AJAX，漂亮的事件附加等。但是它的查询部分是jQuery实力的很大一部分！有什么想法吗？

161 javascript jquery html css-selectors jquery-selectors

9

如何卸载服务工作者？

/serviceworker.js从我的根目录删除后，Chrome仍然运行我从Webroot中删除的服务工作者。如何从我的网站和Chrome卸载服务工作者，以便可以重新登录我的网站？我已将问题归结为Service Work的缓存机制，我只想暂时将其删除，直到有时间对其进行调试为止。我正在使用的登录脚本重定向到Google的服务器，以便他们登录其Google帐户。但是我从login.php页面获得的只是一条ERR_FAILED消息。

161 html google-chrome service-worker

14

如何使用JavaScript在<div>中加载HTML页面？

我希望将home.html加载进来<div id="content">。 <div id="topBar"> <a href ="#" onclick="load_home()"> HOME </a> </div> <div id ="content"> </div> <script> function load_home(){ document.getElementById("content").innerHTML='<object type="type/html" data="home.html" ></object>'; } </script> 当我使用Firefox时，这可以正常工作。当我使用谷歌浏览器时，它会要求插件。如何在Google Chrome浏览器中正常运行？

161 javascript html google-chrome

Questions tagged «html»