function sortPosts() {
var pSort = document.getElementById('pSort').selectedIndex;
var pstSort = document.getElementById('pSort').options;
var sorted = pstSort[pSort].value;
var hr = new XMLHttpRequest();
var url = "...";
var vars = "sort="+sorted;
hr.open("POST", url, true);
hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
hr.onreadystatechange = function() {
if (hr.readyState === 4 && hr.status === 200) {
var return_data = hr.responseText;
var cntnt = document.getElementById('content');
while ((cntnt.lastChild !== '
<select id="pSort">
<option value="all" selected="true">All Posts</option>
<option value="friends">Friends\' Posts</option>
<option value="following">Following\'s Posts</option></select>' && cntnt.childNodes.length !== 1) || (cntnt.firstChild != '<select id="pSort"><option value="all" …只是我一直在想的东西.在方法的第二个参数中.addEventListener,您可以调用"(自定义)类方法"而不是函数吗？
即以下工作会是什么？
var object = new ClassName();
document.getElementById('x').addEventListener('click', object.method, false);
出于某种原因,我在Firefox 22中工作的项目将无法正确显示.在webkit浏览器中工作正常(在Opera 15和Chrome 27中测试; Safari将不支持更新的规范,直到7.0).所有东西都按行组合在一起,所以我的第一个想法是将flex-direction更改为column而不是row,但这甚至没有帮助.
* {
margin:0;
padding:0;
}
body {
background: none repeat scroll 0% 0% #ECF1E1;
color: #FFFFFF;
font-size: 100%;
height: 100%;
display: flex;
display: -webkit-flex;
width:100%;
flex-flow: row wrap;
-webkit-flex-flow: row wrap;
overflow-x:hidden;
}
#content {
background: linear-gradient(to bottom, rgb(54,156,245) 0%, rgb(16,91,161) 52%);
background: -webkit-linear-gradient(to bottom, rgb(54,156,245) 0%, rgb(16,91,161) 52%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#105BA1', endColorstr='#369CF5',GradientType=0 ); /* IE6-9 */
border-radius: 5px 5px 5px 5px;
border: 5px outset #FF6600;
margin: 0% .25%;
-webkit-flex:2;
flex: 2;
padding:0% 1.3%;
} …在.insertAdjacentHTML和.innerHTML方法之间进行选择时需要考虑哪些差异？每个用例都有哪些引人注目的用例？哪个性能更好，在什么情况下？如何.innerHTML工作？还有其他选择吗？