Tag: html

什么是使用JavaScript编写HTML的正确方法？: 我在一些文章中看到，在编写dynamicHTML时，人们对使用JavaScript中的document.write()不满。为什么是这样？什么是正确的方法？

CSS – 使divalignment水平: 我有一个固定的宽度和高度的容器div，溢出：隐藏。我想要一个水平行的float：在这个容器内的左边的div。当他们阅读父母的正确界限之后，浮动的左边自然会自动推到下面的“路线”上。即使父母的身高不应该这样，也会发生这种情况。这是这样的：！[Wrong] [1] – 删除了已被广告replace的图像小屋图像我想如何看：！[右] [2] – 删除已被广告replace的图像小屋图像注意：我想要的效果可以通过使用内联元素和空白来实现：no-wrap（这就是我在图中所做的操作）。然而，这对我来说并不好（因为在这里解释太冗长的原因），因为孩子们需要漂浮块级元素。

GitHub如何改变URL而不是重新加载？: 嗨，我注意到，浏览一个GitHub仓库时，它使用AJAX加载每个文件夹/文件。我明白这一切，我只是想知道他们是如何改变的url。你可以得到和设置JavaScript的URL？如果是这样的话，对于为基于JavaScript的网站的一部分添加书签可能非常有用。（在一个之内的几页，用JavaScript之间移动）谢谢。

是否有可能根据浏览器宽度dynamic缩放文字大小？: 这是这个项目： http : //phlak.github.com/jColorClock/ 。正如你所看到的，现在文本大小只是设置为一个静态大小。我希望文本始终是窗口宽度的90％，但也要相应地缩放垂直尺寸。有没有一个相对简单的方法来做到这一点？

AngularJS：观察高度变化的更好方法: 我有旧的variables高度导航问题：一个position: fixes导航顶部和margin-top: $naviHeight的内容margin-top: $naviHeight下面。导航可以在数据asynchronous加载时更改高度，因此内容的边距必须随之改变。我希望这是自足的。所以没有代码在哪里加载数据，但只在所涉及的HTML元素/指令。目前我正在AngularJS 1.2.0中使用这样的计时器： /* * Get notified when height changes and change margin-top */ .directive( 'emHeightTarget', function(){ return { link: function( scope, elem, attrs ){ scope.$on( 'heightchange', function( ev, newHeight ){ elem.attr( 'style', 'margin-top: ' + (58+newHeight) + 'px' ); } ); } } }) /* * Checks this […]

Div 100％的高度适用于Firefox，但不适用于IE: 我有一个容器div，里面有两个内部div。容器内的宽度和高度均应为100％。我将两个内部div设置为100％的高度。这在Firefox中运行正常，但是在IE中，div并不能伸展到100％的高度，而只是其中的文本的高度。以下是我的样式表的简化版本。 #container { height: auto; width: 100%; } #container #mainContentsWrapper { float: left; height: 100%; width: 70%; margin: 0; padding: 0; } #container #sidebarWrapper { float: right; height: 100%; width: 29.7%; margin: 0; padding: 0; } 有什么我做错了吗？或者我错过了任何Firefox / IE的怪癖？

在jQuery UI自动完成中使用HTML: 在jQuery UI 1.8.4之前，我可以使用JSON数组中的HTML来构build自动完成。我能够做到这样的事情： $row_array['label'] = '<span style="color: red; font-family: courier;">User, Name</span>'; 这将在下拉菜单中显示为红色文字。从1.8.4不起作用。我发现http://dev.jqueryui.com/ticket/5275告诉我使用自定义的HTML例子，我没有运气。我怎么能让HTML显示在build议？我的jQuery是： <script type="text/javascript"> $(function() { $("#findUserIdDisplay").autocomplete({ source: "ui_autocomplete_users_withuname.php", minLength: 2, select: function(event, ui) { $('#findUserId').val(ui.item.id); } }); }); </script> 我的JSON数组包括如下所示的HTML： [{"label":"<span style="color: red";>User, Name</span>","value":"User, Name","id":"10"}]

从外部调用webpacked代码（HTML脚本标记）: 假设我有这样的类（写在打字稿中），我把它与webpack捆绑到bundle.js 。 export class EntryPoint { static run() { … } } 在我的index.html中，我将包含这个包，但是我也想调用这个静态方法。 <script src="build/bundle.js"></script> <script> window.onload = function() { EntryPoint.run(); } </script> 但是，在这种情况下， EntryPoint是不确定的。我怎样才能从另一个脚本调用捆绑的JavaScript呢？增加： Webpackconfiguration文件。

你必须包含<link rel =“icon”href =“favicon.ico”type =“image / x-icon”/>？: 我的头标中没有包含以下代码行，但是我的图标仍然出现在我的浏览器中： <link rel="icon" href="favicon.ico" type="image/x-icon" /> 包含它的目的是什么？

dynamic调整图像地图和图像的大小: 我目前正在试图在我的网站上制作一个图像地图，这将resize取决于窗口的大小…我想知道是否有无论如何这样做与HTML或我将不得不这样做与Javascript或另一个语言。 <div style="text-align:center; width:1920px; margin-left:auto; margin-right:auto;"> <img id="Image-Maps_5201211070133251" src="Site.png" usemap="#Image-Maps_5201211070133251" border="0" width="1920" height="1080" alt="" /> <map id="_Image-Maps_5201211070133251" name="Image-Maps_5201211070133251"> <area shape="poly" coords="737,116,1149,118,944,473," href="http://essper.bandcamp.com" alt="Bandcamp" title="Bandcamp" /> <area shape="poly" coords="1006,589,1418,590,1211,945," href="http://soundcloud.com/essper" alt="Soundcloud" title="Soundcloud" /> <area shape="poly" coords="502,590,910,591,708,944," href="http://facebook.com/the.essper" alt="Facebook" title="Facebook" /> </map>