Common JavaScript Effects

Last Update:2018-12-05 Source: Internet

Author: User

Tags image filter

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Add to favorites

<A href = javascript: void (0); onclick = window. external. AddFavorite (location. href, document. title);>

[Add to favorites]

</A>

Frame webpage

<Table border = 15 style = border-style: ridge width = 100% height = 100%>

<Tr valign = top>

<Td> it is made of table. Note the modification Settings </td>

</Tr>

</Table>

Button freeze

<Input type = button value = this button cannot operate disabled>

Super comment

<A href = http://www.tool.la title = this connection is connected to the home page!> One connection </a>

Super color change

<! -- If you want to change the color of text, you can convert bgColor to fgColor. -->

<Script language = VbScript>

Sub hello

Document. bgColor = int (256*256*256 * rnd)

End sub

</Script>

<! -- Step 2! Add this element to the body. For example, change the body to -->

<Body onmousemove = Hello ()>

Transparent style

<! -- This style depends on the image and uses the image filter of the CSS Filter! Analyze the following code carefully -->

Observe the key value

<Body onkeydown = alert ("key value:" + window. event. keycode)> click the keyboard to try.

Four windows

<Input type = button value = alert onclick = alert ("This is the first type")> <br>

<Input type = button value = confirm onclick = confirm ("this is the second type")> <br>

<Input type = button value = prompt onclick = prompt ("this is the third", "isn't it fun? ")> <Br>

<Input type = button value = open onclick = window. open ("
Http://www.tool.la

")>

Simple check

<Label for = one> This statement has locked the check box to pull </lable> <input type = checkbox id = one>

Super Big character

<Center>

& Lt; span style = font-weight: 900; font-size: 200pt & gt;

Endure <br>

<Font face = wingdings> N </font>

<Br>

</Span> </center>

Table color change

<Table border = 1 width = 50 height = 40>

<Tr>

<Td onmouseover = this. style. backgroundColor = "red" onmouseout = this. style. backgroundColor = "# dddddddd">

Text

</Td>

</Tr>

</Table>

Dead screen program

<! -- Remember that you can run it. After running, you need to be careful to pull the button! After downloading an object, you can use common sense -->

<Input type = button value = after clicking it, onclick = while (true) {window. history. back (-1)}>

Timed window opening

<! -- Note that this time I set it to 4000, which means that the window will be opened in 4 seconds. -->

<Script> function l ()

{

Window. open ("http://www.tool.la", "name", "width = 500, height = 150, border = 0 ")

}

SetTimeout ("l ()", 4000)

</Script>

Control Printing

<Input type = button value = print this page onclick = window. print ()>

Webpage hotkeys

<! -- In this example, you can click the F12 key to print the webpage. -->

<Script> function look (){

If (event. keyCode = 123) {window. print ()}

}

Document. onkeydown = look

</Script> click F12! You can also enable the window or other functions after clicking

Display browser version

<SCRIPT> document. Write ("your browser is" + navigator. appname + "" + navigator. appversion );

</SCRIPT>

Interactive text

<Input type = text name = EE>

<Input type = button value = write onclick = "info. innerhtml = ee. Value">

<P> <br>

<Center>

<Span id = info style = filter: glow (color = Orange); width: 100%; font-size: 25pt>

</Span>

Right Jian failed

Change <body> to <body oncontextmenu = "self. event. returnvalue = false">

VB write time

<Script language = VBScript>

Sub Ns ()

Msgbox "today's date is:" & date

Msgbox "Today:" & time

End sub

</SCRIPT>

<Input type = button value = today's time onclick = NS ()>

Three-dimensional table

<Center>

<Table border = 1 cellspacing = 0> <tr> <Td bgcolor = navyblue> normal table </td> </tr> </table>

<P> <table
Border = 1 cellspacing = 0> <tr> <Td bordercolorlight = black
Bordercolordark = white
Bgcolor = navyblue> stereo table </td> </tr> </table>

Character entity

<Script>

Function yyy ()

{

Kkk = window. open ();

For (var count = 33; count <383; count ++ ){

Kkk.doc ument. write ("<center> <table border = 1> <tr> <Td>" + count );

Kkk.doc ument. write ("</td> <td >=</td> <td>" + "&" + "#");

Kkk.doc ument. write (count + "; </td> </tr> </table> </center> ");

}

Kkk.doc ument. close ();

}

</Script>

<Input type = button onclick = YYY () value = run script>

Adjust window size

<Input type = button value = adjusted to 200 in width and 300 in height onclick = Window. resizeTo (200,300)>

Modification time

The last update time of this site is: <SCRIPT> document. Write (document. lastmodified) </SCRIPT>

Window Movement

<Input type = button value = shift left onclick = Window. moveBy (-15,0)>

<Input type = button value = right shift onclick = Window. moveBy (15,0)>

<Input type = button value = move up onclick = Window. moveBy (0,-15)>

<Input type = button value = move down onclick = Window. moveBy ()>

History button

<Input type = button value = backward onclick = history. Go (-1)>

<Input type = button value = Refresh onclick = history. Go (-0)>

<Input type = button value = forward onclick = history. Go (+ 1)>

Add Channel

<A href = javascript: window. External. addchannel ("Typhoon. CDF")> Add channel </a>

Display time

<SCRIPT> A = new date (); document. Write ("the current time is" + A. tolocalestring () + ""); </SCRIPT>

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More