js实例:几个简单的js实例

鼠标悬停切换图片:
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById("b1").src ="diaochan.jpg"
}
function mouseOut()
{
document.getElementById("b1").src =http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130114/"noimage.gif"
}
</script>
</head>
<body>
<a href="#"
onmouseover="mouseOver()" onmouseout="mouseOut()">
<img alt="Visit W3School!" src=http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130114/"noimage.gif" id="b1" onmouseover="alert("你的鼠标在图片上!")")/>
</a>
</body>
</html>
js显示天气预报:
<html>
<head><title>www.cxybl.com</title>
<script type="text/javascript">
</script>
</head>
<body >
<div>
<iframe src="http://m.weather.com.cn/m/pn11/weather.htm" width="480" height="70" frameborder="1"></iframe>
</div>
</body>
</html>
js利用焦点实现选择网站:
  <!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>
    <title>www.cxybl.com</title>
    <script type="text/javascript">
        var i = 1;
        var focusid;
        function defau() {
            document.getElementById("1").focus();
            focusid=1;
        }
        function showtable() {
            var id = i + 1;
            document.getElementById(id).focus();
            focusid=id;
            i++;
            if (i == 4) {
                i = 0;
            }
        }
        function openhref() {
            var href = document.getElementById(focusid).href;
            document.location = href; 本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130114/36155.html

时间: 2024-11-08 18:52:32

js实例:几个简单的js实例的相关文章

用原生JS对AJAX做简单封装的实例代码_javascript技巧

首先,我们需要xhr对象.这对我们来说不难,封装成一个函数. var createAjax = function() { var xhr = null; try { //IE系列浏览器 xhr = new ActiveXObject("microsoft.xmlhttp"); } catch (e1) { try { //非IE浏览器 xhr = new XMLHttpRequest(); } catch (e2) { window.alert("您的浏览器不支持ajax,请

jQuery实例—选项卡的简单实现(js源码和jQuery)_jquery

分别利用javascript的源码和jQuery来实现一个简单的选项卡,对比各自的步骤. <!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"> &l

js 合并列:一个简单的js合并列的例子,大家可以自己改进哦!

<html><head><title>单元格合并</title><script>var main = 1;//参照列 从0开始var td = [2,3];//根据参照列合并的列 从0开始window.onload=function(){var table = document.getElementById("tab");var name="";for(var i=0,j=0;i <table.row

用js实现简单算法的实例代码_javascript技巧

一.冒泡排序 var arr1=[3,9,2,7,0,8,4]; for(var i=0;i<arr1.length;i++){ for(var j=i+1;j<arr1.length;j++){ var temp=0; if(arr1[i]>arr1[j]){ temp=arr1[i]; arr1[i]=arr1[j]; arr1[j]=temp; } } } alert(arr1); 二.快速排序 var a=[3,5,0,9,2,7,5]; function quickSort(a

java简单操作word实例_java

本文为大家分享了java简单操作word例子,供大家参考,具体内容如下 package apache.poi; import java.io.ByteArrayInputStream; import java.io.ByteArrayOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; impor

js模拟hashtable的简单实例介绍

 本篇文章主要是对js模拟hashtable的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: function Hashtable()//自定义hashtable {     this._hash = new Object();     this.add = function(key, value) {         if (typeof (key) != "undefined") {             if (this.contains(key

js格式化时间的简单实例_javascript技巧

Date.prototype.format = function(format) { //author: meizz let o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "H+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds

JS 拼凑字符串的简单实例_javascript技巧

和Java一样,JS中直接用"+"号拼凑字符串是很耗费资源的,所以在大量拼凑字符串的情景中,我们也需要一个类似于StringBuffer的工具, 下面利用Array.join()方法实现StringBuffer function StringBuffer() { this._strs = new Array; } StringBuffer.prototype.append = function (str) { this._strs.push(str); }; StringBuffer.

js实现StringBuffer的简单实例_javascript技巧

实现: function StringBuffer() { this.__strings__ = []; }; StringBuffer.prototype.Append = function (str) { this.__strings__.push(str); return this; }; //格式化字符串 StringBuffer.prototype.AppendFormat = function (str) { for (var i = 1; i < arguments.length;