index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>

<%

    String path = request.getContextPath();

    String basePath = request.getScheme() + "://"

            + request.getServerName() + ":" + request.getServerPort()

            + path + "/";

%>

<%request.setCharacterEncoding("gb2312"); %>

<%response.setContentType("text/html;charset=gb2312"); %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>My JS</title>

<!-- 导入外部JS文件 -->

<!-- <script type="text/javascript" src="myjs.js" charset="gb2312"></script> -->

<script type="text/javascript">

    function con(){

        var answer=confirm("你幸福吗?");

        if(answer==true){

            alert("幸福");

        }

        else{

            alert("不幸福");

        }

    }

    function pro(){

        var name=prompt("用户名:");

        if(name!=null){

            document.write("欢迎您:"+name);

        }

        else{

            document.write("输入信息为空");

        }

    }

    function op(){

        //window.open("http://www.baidu.com", "_blank", "width=500,height=500,menubar=no,toolbar=no, status=no,scrollbars=no");

        var win=window.open("http://www.baidu.com", "_blank");

        win.close();

    }

    function my(){

        var answer=confirm("是否打开新网站?");

        if(answer==true){

            var name=prompt("网址:");

            if(name==null){

                window.open(name,"_blank");

            }

            else{

                window.alert("输入信息空白,请重新输入");

            }

        }

    }

</script>

<style type="text/css">

    .one{

        color:#aaa;

    }

    .two{

        color:#123;

    }

</style>

</head>

<body>

    <input type="button" onclick="con()" value="confirm">

    <input type="button" onclick="pro()" value="prompt">

    <input type="button" onclick="op()" value="open" >

    <input type="button" onclick="my()" value="more" >

    <!-- 修改信息 -->

    <p id="world">我的世界</p>

    <script type="text/javascript">

        var world=document.getElementById("world");

        world.style.color="blue";

        document.write(world.innerHTML);

        world.innerHTML="My World";

        document.write(world.innerHTML);

    </script>

    <br>

    <br>

    <!-- 显示与隐藏 -->

    <table id="info">

        <tr>

            <td><input type="text"></td>

        </tr>

    </table>

    <script type="text/javascript">

        function showtext(){

            document.getElementById("info").style.display="block";

        }

        function hidetext(){

            document.getElementById("info").style.display="none";

        }

    </script>

    <input type="button" value="显示" onclick="showtext()">

    <input type="button" value="隐藏" onclick="hidetext()">

    <!-- 获取元素的class属性 -->

    <p id="message" class="one">我的信息</p>

    <script type="text/javascript">

        function change(){

            var my=document.getElementById("message");

            my.className="two";

        }

    </script>

    <input type="button" value="改变样式" onclick="change()">

</body>

</html>

JavaScript------入门的更多相关文章

  1. JavaScript入门篇 编程练习

    编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提 ...

  2. JavaScript入门

    本篇内容是学习慕课网相关课程后,总结出可能未来会忘记的内容 (一)JavaScript入门操作 1.js代码插入位置,以及执行顺序 <head> <script type=" ...

  3. 慕课网JavaScript入门篇课程笔记

    1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...

  4. JavaScript入门基础

    JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运 ...

  5. JavaScript入门介绍(二)

    JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Lit ...

  6. JavaScript入门介绍(一)

    JavaScript入门介绍 [经常使用的调试工具][w3school.com.cn在线编辑] [Chrome浏览器 开发调试工具]按F121.代码后台输出调试:console.log("t ...

  7. 开心菜鸟系列－－－－函数作用域（javascript入门篇）

      1 <!DOCTYPE html>   2 <html>   3 <script src="./jquery-1.7.2.js"></ ...

  8. 开心菜鸟系列－－－－变量的解读（javascript入门篇）

                       console.info(         console.info(window['weiwu'])          console.info(window. ...

  9. javascript入门视频第一天 小案例制作 零基础开始学习javascript

    JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此 ...

  10. ArcGIS API for JavaScript 入门教程[0] 目录

    随时翻看. 转载注明出处,博客园/CSDN/B站:秋意正寒. Part 1 必看 ArcGIS API for JavaScript 入门教程[1] 渊源 你还真不一定知道这是啥.非得学吗? ArcG ...

随机推荐

  1. MTK android 工程中如何修改照片详细信息中机型名

    每一个项目的机型名都不相同,因此拍出来的照片需要更改详细信息中的机型名. 那么,具体在哪里修改照片详细信息机型名呢 路径信息:/ALPS.JB3.TDD.MP.V2_TD_xxx/mediatek/c ...

  2. JS 模板引擎之JST模板

    项目中有用到JST模板引擎,于是抽个时间出来,整理了下关于JST模板引擎的相关内容. 试想一个场景,当点击页面上列表的翻页按钮后,通过异步请求获得下一页的列表数据并在页面上显示出来.传统的JS做法是编 ...

  3. css优化篇

    平时总说如何如何优化,今天就详细的写一下css如何优化,嘿嘿. 首先,CSS的优化工作主要从两个方面着手 网络性能:把CSS写到字节数最少,加快下载速度,自然可以让页面渲染的更快一些 语法性能:同样都 ...

  4. 【MPI0】学习资料搜集

    一个不错的英文的MPI教程:http://mpitutorial.com 中科大的MPI学习资料:http://micro.ustc.edu.cn/Linux/MPI/ 清华大学的并行计算资料:htt ...

  5. 趋势or过渡，量子点屏幕真的优于OLED？

    [导读]谁都知道买电视就是要买看起来很爽的产品,但怎么界定这个“爽”字?大部分人所知的是屏幕要够大,再近一步就是分辨率要够高——在这个4K分辨率逐步进入寻常家庭的时代,这两者已经不是选购屏幕类产品的大 ...

  6. commonjs amd cmd的区别

    一篇博客告诉你三者的区别:http://zccst.iteye.com/blog/2215317 告诉你三者同requirejs seajs的区别:http://blog.chinaunix.net/ ...

  7. [BZOJ2038]小Z的袜子（莫队算法）

    题目:http://www.lydsy.com/JudgeOnline/problem.php?id=2038 分析:莫队算法 莫队算法是一种思想…… 处理问题:不带修改的区间询问 使用要求:[l-1 ...

  8. 《TCP/IP详解卷1：协议》第17、18章 TCP：传输控制协议（1）-读书笔记

    章节回顾: <TCP/IP详解卷1:协议>第1章 概述-读书笔记 <TCP/IP详解卷1:协议>第2章 链路层-读书笔记 <TCP/IP详解卷1:协议>第3章 IP ...

  9. Javascript基础系列之（六）循环语句（do while循环）

    do/while 循环是 while 循环的变体.该循环会执行一次代码块,在检查条件是否为真之前,然后如果条件为真的话,就会重复这个循环. 语法结构如下 do { statement } while ...

  10. HTML5——播放器

    有了H5的Video,妈妈再也不用担心我没安Flash插件了 根据Video提供的方法和属性,简单练习了一下,不说废话,直接上图片和代码 <html><head><tit ...