javascript-demo

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <script>
 7     function myfunction()
 8     {
 9         document.getElementById("demo").innerHTML=‘笨笨是傻逼‘;
10     }
11     </script>
12     <style>
13
14     </style>
15 </head>
16 <body>
17     <p id="demo">我的旁边坐着的是一个美女</p>
18     <button type="button" onclick="myfunction()">hit me</button>
19
20 </body>
21 </html>
时间: 2024-11-07 23:07:34

javascript-demo的相关文章

ArcGIS javascript demo

Description This sample uses a geoprocessing task that takes an input SQLQuery string and filters 911 calls to display only calls that match the query. The task also performs hotspot analysis on the query results and generates a hotspot raster. The q

【JavaScript Demo】回到顶部功能实现

随着网站的不断发展,需要展示的内容也越来越丰富,这导致网页上能展示的内容越来越多.当内容堆积影响了用户体验,就需考虑如何提升用户体验.在这一系列的改动中,“回到顶部”的功能成为了一个经典. 1.页面布局 (1) 我们先简单的搭建一个长度为1200px的页面,保证视口的高度足够. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta

Javascript - demo 与 捷径

1.页面的后退.刷新.前进 function back(){ history.go(-1); // 后退 } function forward(){ history.go(+1); // 前进 1 页 } function refresh(){ history.go(0); // 刷新 } 2.保护自己的页面不被第三方页面放入iframe中 if(self != top) { top.location = self.location; } 3.当前页面调用其他页面 也可以使用iframe来加载另

WebSocket的JavaScript Demo解析

本文通过一个JavaScript例子,解析如何使用WebSocket,代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html" /> <meta name="author" content="https://www.baidu.com" /> <

JavaScript demo—移动文字

文字跟随鼠标移动的实例 <!DOCTYPE?html>?? <!--设计一个文字跟随鼠标移动的实例-->?? <!--?position?规定元素的定位类型?absolute?生成绝对定位的元素,相对于?static?定位以外的第一个父元素进行定位.?? ????????????????????????????????fixed??生成绝对定位的元素,相对于浏览器窗口进行定位.?? ????????????????????????????????relative?生成相对定位

【Javascript Demo】图片瀑布流实现

瀑布流就是像瀑布一样的网站——丰富的网站内容,特别是绚美的图片会让你流连忘返.你在浏览网站的时候只需要轻轻滑动一下鼠标滚轮,一切的美妙的图片精彩便可呈现在你面前.瀑布流网站是新兴的一种网站模式——她的典型代表是pinterest.美丽说.蘑菇街这类型的网站. 下面是效果: 核心内容: 1.先设置布局 主要HTML代码如下 <div id="container"> <div class="box"> <div class="co

javascript Array.push pop unshit shit

HTML代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>Document</title> 7 <style type="text/css"> 8 *{font-family:Consolas;font-style: italic} 9 .sh

[ javascript html Dom image 对象事件加载方式 ] 对象事件加载方式

1 <!DOCTYPE html> 2 <html lang='zh-cn'> 3 <head> 4 <title>Insert you title</title> 5 <meta name='description' content='this is my page'> 6 <meta name='keywords' content='keyword1,keyword2,keyword3'> 7 <meta htt

使用javascript调用android代码

1.使用webview对象的addJavascriptInterface方法 2.addJavascriptInterface方法有两个参数,第一个参数就是我们一般会实现一个自己的类,类里面提供我们要提供给javascript访问的方法:第二个参数是访问我们在obj中声明的方法时候所用到的js对象,调用模式为window.interfaceName.方法名()或者是javascript: interfaceName.方法名() ;,如myWebView.addJavascriptInterfac

谈谈JavaScript MVC模式

第一个是:没有使用mvc模式的: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ