Erstellen Sie die Blog-Seite in HTML - AWS SDK for JavaScript

Hilf uns, das zu verbessernAWS SDK for JavaScriptVersion 3 (V3) -Dokumentation, indem Sie Feedback mithilfe derFeedbackverlinken, oder erstellen Sie ein Issue oder Pull Request aufGitHub.

DieAWS SDK for JavaScriptReferenzhandbuch zur V3-APIbeschreibt ausführlich alle API-Operationen für denAWS SDK for JavaScriptVersion 3 (V3).

Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

Erstellen Sie die Blog-Seite in HTML

Die HTML für die Blogseite besteht hauptsächlich aus einer Reihe von Absätzen in einem <div>-Element. Die scrollbare Höhe von <div> wird dazu verwendet, um zu berechnen, wie weit ein Leser während des Lesens durch den Inhalt gescrollt hat. Der HTML-Code enthält auch<script>Element, das diemain.js.Diese Datei enthält das Browser-Skript, das den Scroll-Verlauf auf der Seite erfasst und an Kinesis und das erforderlicheAWS SDK for JavaScript-Module. Sie erstellen dieses Skript mitWebpack, wie in der beschriebenBündeln des Browser-SkriptsAbschnitt dieses Beispiels.

<!DOCTYPE html> <html> <head> <title>AWS SDK for JavaScript (V3) - Amazon Kinesis Application</title> </head> <body> <div id="BlogContent" style="width: 60%; height: 800px; overflow: auto;margin: auto; text-align: center;"> <div> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae nulla eget nisl bibendum feugiat. Fusce rhoncus felis at ultricies luctus. Vivamus fermentum cursus sem at interdum. Proin vel lobortis nulla. Aenean rutrum odio in tellus semper rhoncus. Nam eu felis ac augue dapibus laoreet vel in erat. Vivamus vitae mollis turpis. Integer sagittis dictum odio. Duis nec sapien diam. In imperdiet sem nec ante laoreet, vehicula facilisis sem placerat. Duis ut metus egestas, ullamcorper neque et, accumsan quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p> <!-- Additional paragraphs in the blog page appear here --> </div> </div> <script src="main.js"></script> </body> </html>