diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/zh-cn/web/api/pagetransitionevent | |
parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip |
initial commit
Diffstat (limited to 'files/zh-cn/web/api/pagetransitionevent')
-rw-r--r-- | files/zh-cn/web/api/pagetransitionevent/index.html | 73 | ||||
-rw-r--r-- | files/zh-cn/web/api/pagetransitionevent/persisted/index.html | 45 |
2 files changed, 118 insertions, 0 deletions
diff --git a/files/zh-cn/web/api/pagetransitionevent/index.html b/files/zh-cn/web/api/pagetransitionevent/index.html new file mode 100644 index 0000000000..756e0c81d0 --- /dev/null +++ b/files/zh-cn/web/api/pagetransitionevent/index.html @@ -0,0 +1,73 @@ +--- +title: PageTransitionEvent +slug: Web/API/PageTransitionEvent +translation_of: Web/API/PageTransitionEvent +--- +<p>{{APIRef("HTML DOM")}}</p> + +<p>Page transition events fire when a webpage is being loaded or unloaded.</p> + +<p>当网页在加载完成或卸载后会触发页面传输事件(Page transition events)。</p> + +<h2 id="DOM_Information">DOM Information</h2> + +<p> </p> + +<h3 id="Inheritance_Hierarchy">Inheritance Hierarchy</h3> + +<div> Event +<div> PageTransitionEvent</div> +</div> + +<h2 id="Example">Example</h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><!DOCTYPE html> +<html> +<body onpageshow="myFunction(event)"> +</body> +</html></pre> + +<h3 id="JavaScript">JavaScript</h3> + +<pre class="brush: js">function myFunction(event) { + if (event.persisted) { + alert("The page was cached by the browser"); + } else { + alert("The page was NOT cached by the browser"); + } +}</pre> + +<h2 id="Members">Members</h2> + +<p>The <strong>PageTransitionEvent</strong> object has these types of members:</p> + +<ul> + <li><a href="#">Properties</a></li> +</ul> + +<h3 id="Properties">Properties</h3> + +<p>The <strong>PageTransitionEvent</strong> object has these properties.</p> + +<table class="members" id="memberListProperties"> + <tbody> + <tr> + <th>Property</th> + <th>Access type</th> + <th>Description</th> + </tr> + <tr> + <td> + <p><strong>persisted</strong></p> + </td> + <td>只读</td> + <td> + <p>标记页面是否从缓存(Backforward Cache)中加载</p> + </td> + </tr> + </tbody> +</table> + +<p> </p> diff --git a/files/zh-cn/web/api/pagetransitionevent/persisted/index.html b/files/zh-cn/web/api/pagetransitionevent/persisted/index.html new file mode 100644 index 0000000000..831eb7bbf7 --- /dev/null +++ b/files/zh-cn/web/api/pagetransitionevent/persisted/index.html @@ -0,0 +1,45 @@ +--- +title: PageTransitionEvent.persisted +slug: Web/API/PageTransitionEvent/persisted +translation_of: Web/API/PageTransitionEvent/persisted +--- +<div>{{APIRef("HTML DOM")}}</div> + +<p>只读属性<code><strong>persisted</strong></code>代表一个页面是否从缓存中加载的</p> + +<h2 id="Syntax">Syntax</h2> + +<pre class="brush: js notranslate">window.addEventListener('pageshow', function(event) { + if (event.persisted) { + console.log('Page was loaded from cache.'); + } +});</pre> + +<h3 id="Value">Value</h3> + +<p>A {{jsxref("Boolean")}}.</p> + +<h2 id="Specifications">Specifications</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', '#dom-pagetransitionevent-persisted', 'PageTransitionEvent: persisted')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Browser compatibility</h2> + + + +<p>{{Compat("api.PageTransitionEvent.persisted")}}</p> |