Question

我已经使用js从Main.html页面打开了新标签（www.blogger.com）

0: input#customerId
accept: ""
accessKey: ""
align: ""
alt: ""
assignedSlot: null
attributeStyleMap: StylePropertyMap {size: 0}
attributes: NamedNodeMap {0: type, 1: name, 2: id, 3: value, type: type, name: name, id: id, value: value, length: 4}
autocapitalize: ""
autocomplete: ""
autofocus: false
baseURI: "http://localhost:8000/admin/allCustomer"
checked: false
childElementCount: 0
childNodes: NodeList []
children: HTMLCollection []
classList: DOMTokenList [value: ""]
className: ""
clientHeight: 0
clientLeft: 0
clientTop: 0
clientWidth: 0
contentEditable: "inherit"
dataset: DOMStringMap {}
defaultChecked: false
defaultValue: "3"
dir: ""
dirName: ""
disabled: false
draggable: false
files: null
firstChild: null
firstElementChild: null
form: form.form-horizontal.m-t-20
formAction: "http://localhost:8000/admin/allCustomer"
formEnctype: ""
formMethod: ""
formNoValidate: false
formTarget: ""
height: 0
hidden: false
id: "customerId"
incremental: false
indeterminate: false
innerHTML: ""
innerText: ""
inputMode: ""
isConnected: true
isContentEditable: false
labels: null
lang: ""
lastChild: null
lastElementChild: null
list: null
localName: "input"
max: ""
maxLength: -1
min: ""
minLength: -1
multiple: false
name: "customerId"
namespaceURI: "http://www.w3.org/1999/xhtml"
nextElementSibling: div.form-group.col-md-12
nextSibling: text
nodeName: "INPUT"
nodeType: 1
nodeValue: null
nonce: ""
offsetHeight: 0
offsetLeft: 0
offsetParent: null
offsetTop: 0
offsetWidth: 0
onabort: null
onauxclick: null
onbeforecopy: null
onbeforecut: null
onbeforepaste: null
onblur: null
oncancel: null
oncanplay: null
oncanplaythrough: null
onchange: null
onclick: null
onclose: null
oncontextmenu: null
oncopy: null
oncuechange: null
oncut: null
ondblclick: null
ondrag: null
ondragend: null
ondragenter: null
ondragleave: null
ondragover: null
ondragstart: null
ondrop: null
ondurationchange: null
onemptied: null
onended: null
onerror: null
onfocus: null
ongotpointercapture: null
oninput: null
oninvalid: null
onkeydown: null
onkeypress: null
onkeyup: null
onload: null
onloadeddata: null
onloadedmetadata: null
onloadstart: null
onlostpointercapture: null
onmousedown: null
onmouseenter: null
onmouseleave: null
onmousemove: null
onmouseout: null
onmouseover: null
onmouseup: null
onmousewheel: null
onpaste: null
onpause: null
onplay: null
onplaying: null
onpointercancel: null
onpointerdown: null
onpointerenter: null
onpointerleave: null
onpointermove: null
onpointerout: null
onpointerover: null
onpointerup: null
onprogress: null
onratechange: null
onreset: null
onresize: null
onscroll: null
onsearch: null
onseeked: null
onseeking: null
onselect: null
onselectstart: null
onstalled: null
onsubmit: null
onsuspend: null
ontimeupdate: null
ontoggle: null
onvolumechange: null
onwaiting: null
onwebkitfullscreenchange: null
onwebkitfullscreenerror: null
onwheel: null
outerHTML: "<input type="hidden" name="customerId" id="customerId" value="3">"
outerText: ""
ownerDocument: document
parentElement: div.form-row.product-pricing-div
parentNode: div.form-row.product-pricing-div
pattern: ""
placeholder: ""
prefix: null
previousElementSibling: input
previousSibling: text
readOnly: false
required: false
scrollHeight: 0
scrollLeft: 0
scrollTop: 0
scrollWidth: 0
selectionDirection: null
selectionEnd: null
selectionStart: null
shadowRoot: null
size: 20
slot: ""
spellcheck: true
src: ""
step: ""
style: CSSStyleDeclaration {alignContent: "", alignItems: "", alignSelf: "", alignmentBaseline: "", all: "", …}
tabIndex: 0
tagName: "INPUT"
textContent: ""
title: ""
translate: true
type: "hidden"
useMap: ""
validationMessage: ""
validity: ValidityState {valueMissing: false, typeMismatch: false, patternMismatch: false, tooLong: false, tooShort: false, …}
value: "3"
valueAsDate: null
valueAsNumber: NaN
webkitEntries: []
webkitdirectory: false
width: 0
willValidate: false
__proto__: HTMLInputElement
length: 1
__proto__: Object(0)

现在，我在博客页面中

现在我要做的是自动将光标（autoscroll） blogger页面移至其末端并关闭该标签。结果，它将使我返回Main.html页面（这是上一个标签））。

再次在Main.html选项卡中，它应该自动将我重定向到另一个站点，并将其自动滚动到末尾..并重复同样的操作。

Answer 1

无论您要滚动哪个页面，都应使用准备就绪的文件并进行动画处理，例如以下代码：

$( document ).ready(function() {
  $('html, body').animate({scrollTop:$("body")[0].scrollHeight}, function() {
    window.close(); // this is automatically close the tab when the scroll is completed
  });
});

动画制作完成后，将使用window.close();

自动关闭页面

您可以更改动画效果或滚动速度。请查看文档。 http://api.jquery.com/animate/

演示：

$(document).ready(function() {
  $('html, body').animate({
    scrollTop: $("body")[0].scrollHeight
  }, function() {
    window.close();
  });
});

<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis lacus magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut suscipit nulla nec odio scelerisque, malesuada sodales ligula sollicitudin. Phasellus rhoncus a arcu sit amet
    lobortis. In hac habitasse platea dictumst. Proin et tortor nec leo dapibus feugiat. Cras interdum turpis eu posuere varius. In hac habitasse platea dictumst. Integer ut ultrices purus.
  </p>
  <p>
    Praesent laoreet a elit vel vestibulum. Suspendisse faucibus mi sit amet rutrum ornare. Maecenas interdum, tellus eget facilisis tempor, justo justo vestibulum nibh, sed fermentum felis odio ut purus. Sed aliquet urna at risus tincidunt, at consequat
    arcu efficitur. Etiam maximus lacus eu egestas cursus. Praesent eget varius lorem. Proin mi lorem, imperdiet at arcu quis, aliquam sollicitudin lacus. Cras tincidunt porta arcu, eu bibendum nibh molestie pulvinar. Nullam aliquam lorem orci. Nulla
    vitae neque accumsan, egestas nibh et, dapibus quam.
  </p>
  <p>
    Curabitur interdum scelerisque orci a commodo. Donec suscipit mauris non neque mattis, id ornare ligula finibus. Vivamus placerat, nisi nec cursus lobortis, sem odio fringilla neque, vitae porta purus ipsum eu neque. Maecenas pretium lorem lacinia mi
    accumsan, sit amet interdum felis tempus. Mauris at ante vel purus lobortis fringilla quis vel nibh. Curabitur a nunc sit amet metus egestas varius. Ut vel odio ex. Donec lacinia convallis euismod.
  </p>
  <p>
    Cras dictum viverra eros in rutrum. Nunc ut dictum neque, eget imperdiet massa. Integer quis rutrum arcu. Maecenas quis rhoncus augue. Sed enim metus, fringilla eu nulla nec, eleifend lobortis dolor. Maecenas auctor libero vel arcu convallis fermentum.
    Sed turpis tellus, dignissim nec mattis non, pharetra gravida dui. Etiam viverra dolor ut arcu gravida, non interdum lacus interdum. Morbi malesuada magna ullamcorper, iaculis nisi at, consequat mi. In hac habitasse platea dictumst. Aliquam et pellentesque
    purus, nec elementum elit. Sed venenatis iaculis malesuada.
  </p>
  <p>
    Integer malesuada blandit odio in vehicula. Ut vitae urna quis velit sodales lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pellentesque quam in mollis tristique. Aliquam euismod vulputate
    leo quis venenatis. In facilisis mi eget nisi convallis maximus. Sed placerat nec risus id molestie. Quisque pharetra, elit et varius placerat, libero ligula molestie turpis, nec faucibus mauris mauris quis ante. Morbi id placerat sem.
  </p>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis lacus magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut suscipit nulla nec odio scelerisque, malesuada sodales ligula sollicitudin. Phasellus rhoncus a arcu sit amet
    lobortis. In hac habitasse platea dictumst. Proin et tortor nec leo dapibus feugiat. Cras interdum turpis eu posuere varius. In hac habitasse platea dictumst. Integer ut ultrices purus.
  </p>
  <p>
    Praesent laoreet a elit vel vestibulum. Suspendisse faucibus mi sit amet rutrum ornare. Maecenas interdum, tellus eget facilisis tempor, justo justo vestibulum nibh, sed fermentum felis odio ut purus. Sed aliquet urna at risus tincidunt, at consequat
    arcu efficitur. Etiam maximus lacus eu egestas cursus. Praesent eget varius lorem. Proin mi lorem, imperdiet at arcu quis, aliquam sollicitudin lacus. Cras tincidunt porta arcu, eu bibendum nibh molestie pulvinar. Nullam aliquam lorem orci. Nulla
    vitae neque accumsan, egestas nibh et, dapibus quam.
  </p>
  <p>
    Curabitur interdum scelerisque orci a commodo. Donec suscipit mauris non neque mattis, id ornare ligula finibus. Vivamus placerat, nisi nec cursus lobortis, sem odio fringilla neque, vitae porta purus ipsum eu neque. Maecenas pretium lorem lacinia mi
    accumsan, sit amet interdum felis tempus. Mauris at ante vel purus lobortis fringilla quis vel nibh. Curabitur a nunc sit amet metus egestas varius. Ut vel odio ex. Donec lacinia convallis euismod.
  </p>
  <p>
    Cras dictum viverra eros in rutrum. Nunc ut dictum neque, eget imperdiet massa. Integer quis rutrum arcu. Maecenas quis rhoncus augue. Sed enim metus, fringilla eu nulla nec, eleifend lobortis dolor. Maecenas auctor libero vel arcu convallis fermentum.
    Sed turpis tellus, dignissim nec mattis non, pharetra gravida dui. Etiam viverra dolor ut arcu gravida, non interdum lacus interdum. Morbi malesuada magna ullamcorper, iaculis nisi at, consequat mi. In hac habitasse platea dictumst. Aliquam et pellentesque
    purus, nec elementum elit. Sed venenatis iaculis malesuada.
  </p>
  <p>
    Integer malesuada blandit odio in vehicula. Ut vitae urna quis velit sodales lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pellentesque quam in mollis tristique. Aliquam euismod vulputate
    leo quis venenatis. In facilisis mi eget nisi convallis maximus. Sed placerat nec risus id molestie. Quisque pharetra, elit et varius placerat, libero ligula molestie turpis, nec faucibus mauris mauris quis ante. Morbi id placerat sem.
  </p>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis lacus magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut suscipit nulla nec odio scelerisque, malesuada sodales ligula sollicitudin. Phasellus rhoncus a arcu sit amet
    lobortis. In hac habitasse platea dictumst. Proin et tortor nec leo dapibus feugiat. Cras interdum turpis eu posuere varius. In hac habitasse platea dictumst. Integer ut ultrices purus.
  </p>
  <p>
    Praesent laoreet a elit vel vestibulum. Suspendisse faucibus mi sit amet rutrum ornare. Maecenas interdum, tellus eget facilisis tempor, justo justo vestibulum nibh, sed fermentum felis odio ut purus. Sed aliquet urna at risus tincidunt, at consequat
    arcu efficitur. Etiam maximus lacus eu egestas cursus. Praesent eget varius lorem. Proin mi lorem, imperdiet at arcu quis, aliquam sollicitudin lacus. Cras tincidunt porta arcu, eu bibendum nibh molestie pulvinar. Nullam aliquam lorem orci. Nulla
    vitae neque accumsan, egestas nibh et, dapibus quam.
  </p>
  <p>
    Curabitur interdum scelerisque orci a commodo. Donec suscipit mauris non neque mattis, id ornare ligula finibus. Vivamus placerat, nisi nec cursus lobortis, sem odio fringilla neque, vitae porta purus ipsum eu neque. Maecenas pretium lorem lacinia mi
    accumsan, sit amet interdum felis tempus. Mauris at ante vel purus lobortis fringilla quis vel nibh. Curabitur a nunc sit amet metus egestas varius. Ut vel odio ex. Donec lacinia convallis euismod.
  </p>
  <p>
    Cras dictum viverra eros in rutrum. Nunc ut dictum neque, eget imperdiet massa. Integer quis rutrum arcu. Maecenas quis rhoncus augue. Sed enim metus, fringilla eu nulla nec, eleifend lobortis dolor. Maecenas auctor libero vel arcu convallis fermentum.
    Sed turpis tellus, dignissim nec mattis non, pharetra gravida dui. Etiam viverra dolor ut arcu gravida, non interdum lacus interdum. Morbi malesuada magna ullamcorper, iaculis nisi at, consequat mi. In hac habitasse platea dictumst. Aliquam et pellentesque
    purus, nec elementum elit. Sed venenatis iaculis malesuada.
  </p>
  <p>
    Integer malesuada blandit odio in vehicula. Ut vitae urna quis velit sodales lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pellentesque quam in mollis tristique. Aliquam euismod vulputate
    leo quis venenatis. In facilisis mi eget nisi convallis maximus. Sed placerat nec risus id molestie. Quisque pharetra, elit et varius placerat, libero ligula molestie turpis, nec faucibus mauris mauris quis ante. Morbi id placerat sem.
  </p>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis lacus magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut suscipit nulla nec odio scelerisque, malesuada sodales ligula sollicitudin. Phasellus rhoncus a arcu sit amet
    lobortis. In hac habitasse platea dictumst. Proin et tortor nec leo dapibus feugiat. Cras interdum turpis eu posuere varius. In hac habitasse platea dictumst. Integer ut ultrices purus.
  </p>
  <p>
    Praesent laoreet a elit vel vestibulum. Suspendisse faucibus mi sit amet rutrum ornare. Maecenas interdum, tellus eget facilisis tempor, justo justo vestibulum nibh, sed fermentum felis odio ut purus. Sed aliquet urna at risus tincidunt, at consequat
    arcu efficitur. Etiam maximus lacus eu egestas cursus. Praesent eget varius lorem. Proin mi lorem, imperdiet at arcu quis, aliquam sollicitudin lacus. Cras tincidunt porta arcu, eu bibendum nibh molestie pulvinar. Nullam aliquam lorem orci. Nulla
    vitae neque accumsan, egestas nibh et, dapibus quam.
  </p>
  <p>
    Curabitur interdum scelerisque orci a commodo. Donec suscipit mauris non neque mattis, id ornare ligula finibus. Vivamus placerat, nisi nec cursus lobortis, sem odio fringilla neque, vitae porta purus ipsum eu neque. Maecenas pretium lorem lacinia mi
    accumsan, sit amet interdum felis tempus. Mauris at ante vel purus lobortis fringilla quis vel nibh. Curabitur a nunc sit amet metus egestas varius. Ut vel odio ex. Donec lacinia convallis euismod.
  </p>
  <p>
    Cras dictum viverra eros in rutrum. Nunc ut dictum neque, eget imperdiet massa. Integer quis rutrum arcu. Maecenas quis rhoncus augue. Sed enim metus, fringilla eu nulla nec, eleifend lobortis dolor. Maecenas auctor libero vel arcu convallis fermentum.
    Sed turpis tellus, dignissim nec mattis non, pharetra gravida dui. Etiam viverra dolor ut arcu gravida, non interdum lacus interdum. Morbi malesuada magna ullamcorper, iaculis nisi at, consequat mi. In hac habitasse platea dictumst. Aliquam et pellentesque
    purus, nec elementum elit. Sed venenatis iaculis malesuada.
  </p>
  <p>
    Integer malesuada blandit odio in vehicula. Ut vitae urna quis velit sodales lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pellentesque quam in mollis tristique. Aliquam euismod vulputate
    leo quis venenatis. In facilisis mi eget nisi convallis maximus. Sed placerat nec risus id molestie. Quisque pharetra, elit et varius placerat, libero ligula molestie turpis, nec faucibus mauris mauris quis ante. Morbi id placerat sem.
  </p>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis lacus magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut suscipit nulla nec odio scelerisque, malesuada sodales ligula sollicitudin. Phasellus rhoncus a arcu sit amet
    lobortis. In hac habitasse platea dictumst. Proin et tortor nec leo dapibus feugiat. Cras interdum turpis eu posuere varius. In hac habitasse platea dictumst. Integer ut ultrices purus.
  </p>
  <p>
    Praesent laoreet a elit vel vestibulum. Suspendisse faucibus mi sit amet rutrum ornare. Maecenas interdum, tellus eget facilisis tempor, justo justo vestibulum nibh, sed fermentum felis odio ut purus. Sed aliquet urna at risus tincidunt, at consequat
    arcu efficitur. Etiam maximus lacus eu egestas cursus. Praesent eget varius lorem. Proin mi lorem, imperdiet at arcu quis, aliquam sollicitudin lacus. Cras tincidunt porta arcu, eu bibendum nibh molestie pulvinar. Nullam aliquam lorem orci. Nulla
    vitae neque accumsan, egestas nibh et, dapibus quam.
  </p>
  <p>
    Curabitur interdum scelerisque orci a commodo. Donec suscipit mauris non neque mattis, id ornare ligula finibus. Vivamus placerat, nisi nec cursus lobortis, sem odio fringilla neque, vitae porta purus ipsum eu neque. Maecenas pretium lorem lacinia mi
    accumsan, sit amet interdum felis tempus. Mauris at ante vel purus lobortis fringilla quis vel nibh. Curabitur a nunc sit amet metus egestas varius. Ut vel odio ex. Donec lacinia convallis euismod.
  </p>
  <p>
    Cras dictum viverra eros in rutrum. Nunc ut dictum neque, eget imperdiet massa. Integer quis rutrum arcu. Maecenas quis rhoncus augue. Sed enim metus, fringilla eu nulla nec, eleifend lobortis dolor. Maecenas auctor libero vel arcu convallis fermentum.
    Sed turpis tellus, dignissim nec mattis non, pharetra gravida dui. Etiam viverra dolor ut arcu gravida, non interdum lacus interdum. Morbi malesuada magna ullamcorper, iaculis nisi at, consequat mi. In hac habitasse platea dictumst. Aliquam et pellentesque
    purus, nec elementum elit. Sed venenatis iaculis malesuada.
  </p>
  <p>
    Integer malesuada blandit odio in vehicula. Ut vitae urna quis velit sodales lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pellentesque quam in mollis tristique. Aliquam euismod vulputate
    leo quis venenatis. In facilisis mi eget nisi convallis maximus. Sed placerat nec risus id molestie. Quisque pharetra, elit et varius placerat, libero ligula molestie turpis, nec faucibus mauris mauris quis ante. Morbi id placerat sem.
  </p>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis lacus magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut suscipit nulla nec odio scelerisque, malesuada sodales ligula sollicitudin. Phasellus rhoncus a arcu sit amet
    lobortis. In hac habitasse platea dictumst. Proin et tortor nec leo dapibus feugiat. Cras interdum turpis eu posuere varius. In hac habitasse platea dictumst. Integer ut ultrices purus.
  </p>
  <p>
    Praesent laoreet a elit vel vestibulum. Suspendisse faucibus mi sit amet rutrum ornare. Maecenas interdum, tellus eget facilisis tempor, justo justo vestibulum nibh, sed fermentum felis odio ut purus. Sed aliquet urna at risus tincidunt, at consequat
    arcu efficitur. Etiam maximus lacus eu egestas cursus. Praesent eget varius lorem. Proin mi lorem, imperdiet at arcu quis, aliquam sollicitudin lacus. Cras tincidunt porta arcu, eu bibendum nibh molestie pulvinar. Nullam aliquam lorem orci. Nulla
    vitae neque accumsan, egestas nibh et, dapibus quam.
  </p>
  <p>
    Curabitur interdum scelerisque orci a commodo. Donec suscipit mauris non neque mattis, id ornare ligula finibus. Vivamus placerat, nisi nec cursus lobortis, sem odio fringilla neque, vitae porta purus ipsum eu neque. Maecenas pretium lorem lacinia mi
    accumsan, sit amet interdum felis tempus. Mauris at ante vel purus lobortis fringilla quis vel nibh. Curabitur a nunc sit amet metus egestas varius. Ut vel odio ex. Donec lacinia convallis euismod.
  </p>

  <body>

</html>

Chrome中的脚本标签页

1 个答案: