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

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.

JavaScript is a literal, universal, prototype-based, objectoriented scripting language. The design principle is to provide code that can be inserted into different applications without taking up operating system and network resources. JavaScript has the following features and advantages: explanatory scripting language, simple development environment, note pad can be used to write code, good security and dynamic, cross-platform, and strong expansibility.
In this paper, the features of JavaScript technology are demonstrated and analyzed through examples. The application of JavaScript technology in the Web can design many personalized dynamic Web page effects. This paper expounds its design idea and provides the realization method of web 3D effects. The JavaScript effect technology is applied to web design, and its performance and design effect are analyzed in detail.

Understand the Basics of JavaScript
How JavaScript is used (direct mode and referential mode) <script type="application/javaScript"> <!function myFunction() { document.getElementById("myPar").innerHTML="Hell o World"; } var mychar ="This is a javaScript! Use direct insert! " document.write(mychar+"<br/>") //-javaScript finish--> </script> <div id="myPar"></div> The direct method is implemented by means of a pair of tags <script> direct mode</script> directly, and changes and adjusts the page by means of HTML writing rules and javaScript operation rules. When you need to make changes to the page, simply write the rules in the pair of labels. Of course, you can add a pair of tags, and writing rules in this tag is also an effective method [1] . (find the right pair of script tags for strict advice) <script type= "application/javaScript"> this is the W3C's new standard for browser identification javaScript coding, which is interpreted by the browser by calling the corresponding interpreter [2] .
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] .
End of "//-JavaScript": the role of the double slash in the JavaScript language and <!---> is the same in the HTML language. It's called an annotation symbol. It's used to annotate and hide unrunning text. Document.write () function indicates to the corresponding information in parentheses in the output to a window, var is to declare a variable, sometimes not, the statement can also be used to code the rigorous and unnecessary trouble typically statement, because a lot of time in a javaScript document more than one or two variables, more conducive to the handling of each variable is clear statement. Note that <script></script> this pair of tags is not fixed and can be included in anywhere of the labels <head> < / head > or < body > </body>. There are two common conventions. One is to add a pair of tags under the code of the plate. The other is to write the script tag directly at the beginning and end of the document body, regardless of the plate position [4] . function myFunction() { document.getElementById("myPar").innerHTML="Hell o World"; } 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. In the later research of 3D effects technology, this method of dynamically adding HTML to elements is applied.
<script src="url" type="text/javaScript"></script> The example above is the basic format of javaScript reference way, through the same way of external links with CSS will all javaScript code written in a javaScript source file (general with js file extension), and by importing the language to import the entire source files to the index of javaScript on the page in the change, this approach can improve the utilization rate of the program code.
The URL represents the address that needs to be imported into the program file to find the program file through the address solution program. Again, such statements can be placed in the head or body of an HTML document, but in general we usually place such files in the first place. When the web page is opened, the first thing the web page does is to load the content, and such files can be put in the first place, which can be first loaded, and then start to display the content of the home page, so as to avoid the phenomenon of page crash when the web page loads [5] .
Assuming that you want to achieve the effect of the example in "direct insert mode", you can first create a JavaScript source file named "JavaScript. Js", which reads as follows: Document write(" this is JavaScript! Use the direct insert method!"); You can call the program on a web page like this: <scriptsrc="javaScript.js"type="text/javaScript "></script >, then you can achieve the same effect in the direct way.
You can also make the version of javaScript when importing files at the same time, such as: <script SRC ="javaScript.js"type="text/javaScript;Version=4.18"></s cript>, which tells the troubleshooter and maintainer that this is version 4.18, 4 is the basic version number, and .18 is the small version number.
Note: anything in the script tag that specifies the SRC attribute is ignored.

Web 3D Implementation
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. Here's an example of how JavaScript can be used in web effects.

Summarize
JavaScript as a dynamic type and weak type of scripting language translation type, its browser based operations, support the distributed computing, and functions are performed on the client, do not need a specific environment for development, any JavaScript plain text editor can edit text, cross-platform, which can realize multiple platforms to share code, also reduce the network transmission, will be part of the information submitted data verification and validation on the client.
The use of special effects, as a demonstration method of JavaScript in the layout process, is to satisfy users' demands through dynamic display with the most intuitive visual impact through a series of editing and design techniques, such as picture composition and coordinate and point painting, under the condition of language features based on JavaScript.