脚本部分：

function school(sName,sDddress,sPhone,sMail)

{

    this.SName = sName;

    this.SAddress = sDddress;

    this.SPhone = sPhone;

    this.SMail = sMail;

    this.parmsArray = new Array("test1", "test2", "test3", "test4");

    this.index = 0;

    this.SInfomation = ShowInfomation;

    this.trades = CreateSort;

    this.SAnchorUrl = AnchorUrl;

}

function ShowInfomation()

{

    var msg = "";

    msg += "学校名称：" + this.SName + "\n";

    msg += "学校地址：" + this.SAddress + "\n";

    msg += "学校电话：" + this.SPhone + "\n";

    msg += "电子邮件：" + this.SMail;

    window.alert(msg);

}

function CreateSort()

{

    var objArray = new Array("一年级",

                             "二年级",

                             "三年级",

                             "四年级",

                             "五年级",

                             "六年级");

    objArray.sort(function (arg1, arg2) {

        if (arg1.length > arg2)

            return false;

        else

            return true;

    });

    window.alert(objArray.join(","));

}

function AnchorUrl()

{

        if (this.index < 3)

            this.index++;

        else

            this.index = 0;

        window.location.hash = this.parmsArray[this.index];

}

HTML部分：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <script type="text/javascript" src="myJS.js"></script>

    <script type="text/javascript">

        var mySchool = new school("郑州大学",

                                  "郑州高科技开发区",

                                  "0373-2323423232",

                                  "zzu@zzu.edu.cn");

    </script>

    <style type="text/css">

        p

        {

            height: 500px;

            text-align: center;

            line-height: 500px;

            border: solid 2px #000;

            font-size: 40px;

            font-weight: bolder;

        }

    </style>

</head>

<body>

    <center>

<p><b>锚点间跳转实例</b></p>

<p><a id="test1">test1</a></p>

<p><a id="test2">test2</a></p>

<p><a id="test3">test3</a></p>

<p><a id="test4">test4</a></p>

<form name="MyForm">

<input type="button" name="MyButton" value="使用hash 进行锚点转换"

onclick="mySchool.SAnchorUrl()"><br>

</form>

</body>

</html>

JavaScript面向对象+Array的用法及字符串组合+动态建立锚点的更多相关文章

  1. javascript面向对象属性函数用法(defineProperty与getOwnPropertyDescriptor)

    defineProperty用于设置一个对象的属性描述符,属性描述符有4个:[[Configurable]], [[Enumerable]], [[Writable]],[[Value]] 当一个属性 ...

  2. JavaScript面向对象轻松入门之综合

    javascrpit面向对象之综合   这一章是对前几章的一个总结,通过一个案例来综合认识javascript面向对象的基本用法   需求: 几乎所有的web应用都需要保存数据一些到本地,那么我们就来 ...

  3. javascript array类型用法

    javascript高级编程-Array引用类型用法总结  2016-09-17   |    357 引用类型-Array类型 引用类型是一种数据结构,用于将数据和功能联系起来. 创建对象的方式: ...

  4. JavaScript八张思维导图—字符串用法

    JS基本概念 JS操作符 JS基本语句 JS数组用法 Date用法 JS字符串用法 JS编程风格 JS编程实践 不知不觉做前端已经五年多了,无论是从最初的jQuery还是现在火热的Angular,Vu ...

  5. 【转】javascript面向对象编程

    摘要:本文本来是想自己写的,奈何花了好长时间写好之后忘记保存,还按了刷新键,一键回到解放前,索性不写了,所以本文是转载的. 面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式,主要包括模块化. ...

  6. 深入解读JavaScript面向对象编程实践

    面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式,主要包括模块化.多态.和封装几种技术.对JavaScript而言,其核心是支持面向对象的,同时它也提供了强大灵活的基于原型的面向对象编程能力 ...

  7. 第一百零九节，JavaScript面向对象与原型

    JavaScript面向对象与原型 学习要点: 1.学习条件 2.创建对象 3.原型 4.继承 ECMAScript有两种开发模式:1.函数式(过程化),2.面向对象(OOP).面向对象的语言有一个标 ...

  8. JavaScript面向对象小抄集

    前言 本文旨在记录JavaScript中面向对象的基础知识 搞明白JavaScript中的面向对象 一切都是对象 JavaScript中,除了基本类型外,其它类型都是对象类型 所谓对象就是若干属性的集 ...

  9. 全方位深入理解JavaScript面向对象

    JavaScript面向对象程序设计 转载:https://blog.csdn.net/lihangxiaoji/article/details/79753473#72__871 本文会碰到的知识点: ...

随机推荐

  1. java软件包的访问权限和继承

    public:公共权限,可以修饰类.成员变量和成员函数,不论是否在同一个包中均可自由访问 package wang; //当一个类的权限为public时,类名必须和文件名相同 public class ...

  2. Linux环境下常用regexp的使用

    正则表达式 REGular EXPression   的简写元字符 匹配次数 位置锚定 分组 --------------------------------------元字符. 匹配任意单个字符 [ ...

  3. 深度理解依赖注入（Dependence Injection）

    前面的话:提到依赖注入,大家都会想到老马那篇经典的文章.其实,本文就是相当于对那篇文章的解读.所以,如果您对原文已经有了非常深刻的理解,完全不需要再看此文:但是,如果您和笔者一样,以前曾经看过,似乎看 ...

  4. android开发系列之git常用命令

    最近因为跳槽到新公司,然后新公司里面的代码管理工具是gitLab,所以我想在这篇博客里面整理一下git常用的语法. GitLab是利用 Ruby on Rails 一个开源的版本管理系统,实现一个自托 ...

  5. mysql字段累加concat

    update tablename set field1=concat(field1,'_bak') where field2 like '%@xxx’

  6. [shell基础]——join命令

    测试文本内容 # cat -n name1.txt 1 name1 alvin1 2 name2 alvin2 3 name3 alvin3 4 name4 alvin4 # cat -n name2 ...

  7. CS小分队第一阶段冲刺站立会议（5月7日）

    昨日完成任务:1.完成了游戏2048退出自动保存功能,进入自动读取存档功能, 2.完成游戏失败判断函数, 3.为游戏添加了背景音乐并且可以手动开关 遇到的困难:使用数据库时由于使用的ACCESS版本比 ...

  8. 【Binary Tree Inorder Traversal】cpp

    题目: Given a binary tree, return the inorder traversal of its nodes' values. For example:Given binary ...

  9. 用setTimeout 代替 setInterval实时拉取数据

    在开发中,我们常常碰到需要定时拉取网站数据,如: setInterval(function(){ $.ajax({ url: 'xx', success: function( response ){ ...

  10. htaccess 探秘

    .htaccess访问控制(Allow/Deny) 1. 验证是否支持.htaccess 在目录下新建一个.htaccess 文件,随笔输入一串字符(毫无意义),看看什么反应,如果是500错误,说明目 ...