Question

我创建了一个按钮，只需单击一下即可将其他html页面打开到另一个浏览器，但如何将其滚动到底部？

这里代码：（file.js）

output = "Hello World";

var _X1 = window.open("", "Test", "width=300, height=300, scrollbars=1, resizable=1").document.body.innerText += output + '\r\n';

打开另一个浏览器的页面，然后打印单词。但现在呢？如何滚动到底部？

Answer 1

这适用（在Chrome中测试）

output = ["Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec blandit elit. Sed sagittis sapien et metus tempor, a ullamcorper velit facilisis. Phasellus sit amet varius ante. Quisque elementum ex ut ligula maximus aliquam. Fusce et odio dignissim, posuere ligula a, scelerisque libero. Sed varius ex ut nibh posuere tristique. Vestibulum euismod tortor scelerisque urna facilisis commodo. Ut pellentesque, lectus ac euismod pellentesque, odio orci sagittis justo, at viverra ante nibh eget est. Proin in justo nec urna rhoncus tincidunt sed sed dui. Mauris eget turpis venenatis, rhoncus arcu quis, cursus diam. Phasellus ut mi dolor. Praesent finibus eget nisl ut posuere. Suspendisse potenti. Vestibulum sollicitudin convallis aliquet.",
"Integer felis ligula, sagittis a aliquet vel, convallis non mi. Nullam a tortor consectetur enim tincidunt dapibus id at ligula. Ut vitae bibendum arcu. Aliquam lectus enim, scelerisque ut sapien sed, cursus luctus massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam risus elit, pellentesque et ligula eu, posuere venenatis nunc. Donec erat dui, tristique pellentesque ultricies ut, ultrices a ex. Donec sed orci pharetra, commodo libero eget, dignissim lorem. Nam porta fringilla risus, sed consequat tortor accumsan nec. Integer in lectus vitae urna imperdiet consequat vel quis erat. Pellentesque dapibus, justo at eleifend facilisis, dolor magna ullamcorper ligula, ut volutpat odio est eget mi. Pellentesque nec auctor mauris, in viverra enim. Curabitur maximus sed leo in venenatis. Etiam lacinia vitae felis in gravida. Nulla facilisi.",
"Morbi vehicula mollis congue. Nullam hendrerit vel diam non tincidunt. Vivamus commodo augue id nisi vulputate, vitae suscipit sem vehicula. Nam ullamcorper tincidunt quam sit amet maximus. Nunc eros leo, dignissim nec sollicitudin auctor, faucibus ut est. Ut ut odio risus. Cras egestas, sapien sit amet suscipit porttitor, erat ex tincidunt lorem, at ultricies ex risus in nisi. Phasellus ac mattis enim, vitae tempus libero. Etiam lobortis blandit arcu at ultrices. Nam eros nunc, condimentum eu hendrerit id, porta eget tortor. Ut dictum sem quam, a laoreet lorem pellentesque vel. Morbi volutpat, arcu ac ullamcorper scelerisque, libero turpis dignissim ligula, in tincidunt ligula dui ut sapien."];
var cnt = 0; var _X1;
window.onload=function() {
  // replace the click with your event
  document.getElementById("click").onclick=function(e) {
    e.preventDefault();
    if (cnt>=output.length) return;
    if (_X1 == undefined) { // when the window does not exist
      _X1=window.open("", "Test", "width=300,height=300,scrollbars,resizable");
      _X1.document.write('<body>'+output+'</body>'); // create container and add
      _X1.document.close();
    }  
    else _X1.document.body.innerHTML+=output[cnt]; // now we can add
    cnt++
//setTimeout(function() { // if necessary - it is not now necessary to use timeout
  console.log(_X1.document.body.scrollHeight);
  _X1.scrollTo(0,_X1.document.body.scrollHeight);
  _X1.focus();
//},1000); // if using timeout
  }
}

<a href="#" id="click">Add</a>

Javascript - 在另一个浏览器/页面内滚动底部

1 个答案: