document.addEventListener('click', function () {
var w = window.open('', '', 'width=300,height=300');
// на самом деле будет открыт документ по ссылке, но скрипт там такой же
w.document.open();
w.document.write('<script>this.resizeTo(400, 500);<\/script>');
w.document.close();
});<form action="" autocomplete="off">
<input type="text" name="q">
<button type="submit">Test</button>
</form>console.log(document.getElementById('map_canvas').offsetHeight);document.addEventListener('DOMContentLoaded', initialize_map);<div class="f1">
<div class="f1-content"></div>
<div class="f2">
<div class="f2-content"></div>
</div>
</div>.f1,
.f2 {
position: fixed;
left: 0;
right: 0;
}
.f1 {
top: 0;
}
.f1-content {
height: 100px; //может меняться в любой момент
background: rgba(102, 153, 204, .7);
}
.f2-content {
height: 100px;
background: rgba(51, 102, 153, .7);
}:target {
background: #ffc;
}document.head.appendChild(document.createElement('style'));
var sheets = document.styleSheets,
sheet = sheets[sheets.length - 1];
sheet.insertRule('html{background:#369;}', sheet.cssRules.length);
/*А теперь можно проводить любые манипуляции*/
sheet.insertRule('p{font-size:2em;color:#fff;}', sheet.cssRules.length);
sheet.deleteRule(0);
sheet.insertRule('html{background:#69c;}', 0);
/*Или перебрать все правила в любом источнике, который соответствует политике происхождения*/
for (var i = 0; i < sheet.cssRules.length; i++) {
console.log(sheet.cssRules[i].selectorText);
}On the index or home page, append #disqus_thread to the end of each article URL which appears inside the href tag for the article comments link
<footer class="topic-footer">
<ul class="list-unstyled list-inline small topic-info">
<li class="topic-info-author">
<a href="http://geekninja.ru/profile/romanstrukov/"><img src="http://geekninja.ru/uploads/images/00/00/35/2015/03/20/avatar_24x24.jpg?165946" alt="romanstrukov" class="avatar"></a>
<a rel="author" href="http://geekninja.ru/profile/romanstrukov/">Роман Струков</a>
</li>
<li class="topic-info-date">
<time datetime="2015-04-23T11:30:52+03:00" title="23 апреля 2015, 11:30" class="text-muted">
23.04.2015
</time>
</li>
<!-- Вот этот кусок для счётчика -->
<li class="topic-info-comment">
<a href="http://geekninja.ru/podcasts/227#disqus_thread" class="topic-comment"></a>
</li>
</ul>
</footer><div class="panel panel-default block" id="block_blogs"></div>#block_blogs {
border: 0;
}AddType application/font-woff .woff
AddType application/font-woff .woff2AddType font/woff .woff
AddType font/woff .woff2<div class="item"><span class="item-text">...</span></div>.item {
height: 60px;
line-height: 60px; //вот правило, примерно центрирующее символ по высоте
}
.item:before,
.item-text {
display: inline-block;
vertical-align: middle;
}
.item:before {
content: ""; //или вставляем картинку
width: 40px;
height: 40px;
margin-right: 10px;
border-radius: 50%;
background: #369;
}
.item-text {
line-height: normal; //не забываем вернуть высоту линии в норму
}