脚本部分：

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. 编译mgiza的准备

    cmake之前需要首先设置环境变量: export BOOST_LIBRARYDIR=$BOOST_ROOT/lib64export BOOST_ROOT=/home/noah/boost_1_57_ ...

  2. Oracle Database Concepts：介绍模式对象(Introduction to Schema Objects)

    数据库模式(schema)是数据结构的逻辑容器,被称作模式对象(schema objects) 每一个数据库用户拥有一个和用户名相同的模式,例如hr用户拥有hr模式. 在一个产品数据库中,模式的拥有者 ...

  3. 创建表 添加主键 添加列常用SQL语句

    --删除主键 alter table 表名 drop constraint 主键名--添加主键alter table 表名 add constraint 主键名 primary key(字段名1,字段 ...

  4. Linux　配置jdk环境变量

    1．首先去官网下载所需版本的jdk,必须是.linux下的安装版本． 2．解压到以文件下 3．vim /etc/profile or ~/.bashrc 添加如下环境配置 JAVA_HOME=/usr ...

  5. Java使用FileLock实现Java进程互斥锁

    原理:JDK的nio包中FileLock实现类似Linux fcntl的文件锁, 可使文件被进程互斥访问.  借助此功能, 可以实现强大的Java进程互斥锁, 从而在应用层面保证同一时间只有惟一的Ja ...

  6. [转]Ubuntu下配置NFS服务

    [转]Ubuntu下配置NFS服务  http://blog.163.com/liu8821031%40126/blog/static/111782570200921021253516/ Table ...

  7. How to Notify Command to evaluate in mvvmlight

    How to Raize Command to evalituate in mvvm In mvvmlight, we bind our control to the relaycommand obj ...

  8. 关于sqlserver身份登录失败的解决方法

    前几天写程序需要用到数据库,下载了一个用用,出现了不少的小问题(都怪我的32bit不争气的笔记本),有问题不要怕,至少证明我们在思考解决方案.废话不说了,直接上正题. Sqlserver有两种登陆方式 ...

  9. SqlHelper include Transaction

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.D ...

  10. 优惠书价计算---c++--软件工程

    一.题目 书店针对<哈利波特>系列书籍进行促销活动,一共5卷,用编号0.1.2.3.4表示,单独一卷售价8元, 具体折扣如下所示:                              ...