Design and Implementation of 3D Effect Web Page Based on JavaScript Technology

Huiyou Sun,Mingqian Jia,Shuangyuan Li,G Lee

doi:10.1051/itmconf/20192502004

Abstract

With the development of Internet technology, people's production and life are greatly influenced. Web design is widely used in Internet world. Web design and user experience are inseparable. In the pursuit of webpage layout and aesthetics, but also to add user interaction functions, Dynamic effects technology based on JavaScript can achieve user interaction requirements. The perfect combination of JavaScript dynamic effects and interactive features is the best way to achieve webpage effects. This paper expounds the application method of JavaScript, and studies the special effect application of JavaScript technology in webpages through examples.

Highlights

With the development of Internet technology, people's production and life are greatly influenced
The direct method is implemented by means of a pair of tags direct mode directly, and changes and adjusts the page by means of HTML writing rules and javaScript operation rules
In the first part of this article, I introduced the basic application of JavaScript, and learned that JavaScript can realize simple user interaction and increase user experience

Summary

Understand the Basics of JavaScript

How JavaScript is used (direct mode and referential mode) ”) //-javaScript finish--> . The direct method is implemented by means of a pair of tags direct mode directly, and changes and adjusts the page by means of HTML writing rules and javaScript operation rules. It is important to note: embedded script tags in the XHTML document (for example the PHP documentation), if in the absence of references to external files, should add the cdata statement in the script, cdata will tell the browser the document does not use XML parser for text data parsing, avoid is greater than and less than operators cause the browser to parse error[3]. This is a custom javaScript function that tells the browser to execute the getElementById () function in the entire web document object model, locate the web element whose id value is myPar, and add the HTML element “Hello World!” to it. Note: anything in the script tag that specifies the SRC attribute is ignored

Web 3D Implementation

Summarize