js的一些基础

原创 2013年12月06日 10:49:46
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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script>
document.write("<h1>这个是write,写入</h1>");
document.write('<p>这是内容</p>');
</script>
<br />
························································································
<button type="button" onclick="alert('JavaScript 能够对事件作出反应。(alert事件)')">猛戳</button>
<br />························································································
<br />
<script>
function myFunction(){
    x=document.getElementById("demo");
    x.innerHTML="被改变的内容和样式"
    x.style.color="#ff0000";
}
</script>
<p id="demo">JavaScript:改变 HTML 内容</p>
<button type="button" onclick="myFunction()">猛戳这里</button>
<br />
························································································<br />
<p>javascript改变图像</p>
<script>
    function changeImage(){
        element = document.getElementById("myimage")
        if(element.src.match("bulbon")){
            element.src="./eg_bulboff.gif";    
        }else{
            element.src="./eg_bulbon.gif"
        }    
    }
</script>
<img src="./eg_bulboff.gif" id="myimage" onclick="changeImage()"  />
<br />
·······································································
<br />
<script>
    function mytext(){
        var x=document.getElementById("text-demo").value;
        if(x==""||isNaN(x)){
            alert("您输入的不是数字");
        }
    }
</script>
<input type="text" id="text-demo" />
<button type="button" onclick="mytext()">点击</button>
<br />···························································<br />
<button type="button" onclick="myvar()">点击</button>
<p id="demo1"></p>
<script>
    function myvar(){
        var carname = "定义变量";
        document.getElementById("demo1").innerHTML=carname;
    }
</script>
</body>
</html>


相对应的效果图:


版权声明:原创文章,请标明出处~~~

最全的js面试题

一、单项选择(165题) 1.HTML是什么意思? A)高级文本语言 B)超文本标记语言 C)扩展标记语言 D)图形化标记语言 2.浏览器针对于HTML文档起到了什...
  • Com_ma
  • Com_ma
  • 2017年06月30日 08:26
  • 670

JS基础整理+实例

JavaScript 是脚本语言 JavaScript 对大小写是敏感的。 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代...
  • pakuma07
  • pakuma07
  • 2015年07月24日 21:12
  • 1242

JS基础算法总结

排序算法说明 (1)排序的定义:对一序列对象根据某个关键字进行排序; 输入:n个数:a1,a2,a3,…,an 输出:n个数的排列:a1’,a2’,a3’,…,an’,使得a1’ ...
  • qq_33652761
  • qq_33652761
  • 2017年03月24日 22:06
  • 225

Web 基础学习之 JS ,循环练习

1.判断闰年          var i; for(i=1980;i { if( i % 4 == 0 && i % 100 != 0 || i % 400 == 0) document.writ...
  • b1244154318
  • b1244154318
  • 2016年07月08日 21:30
  • 2420

考察JS基础的一些题目

一 、arguments(function(){ return typeof arguments; //object })();arguments是每个函数都有的内置对象,和数组十分...
  • u014346301
  • u014346301
  • 2016年08月03日 15:36
  • 339

3-js面试题(前端面试题带答案)

JavaScript常见面试题目 1:javascript的typeof返回哪些数据类型? Object number functionboolean underfind -----------...
  • u013418331
  • u013418331
  • 2016年11月13日 11:32
  • 2190

25个最基本的JavaScript面试题

1.使用 typeof bar === "object" 来确定 bar 是否是对象的潜在陷阱是什么?如何避免这个陷阱? 尽管 typeof bar === "object" 是检查 bar...
  • qq_25186543
  • qq_25186543
  • 2017年11月06日 13:59
  • 320

js基础及面试重点--------this

this的查找 this的查找是很多人迷茫的一点,也似乎有很多人抱有this不稳定这样的看法,实在令人无语。this的查找可以说是3种对象查找中最为简单的,因为其实this对象的确定根本没有一个“查...
  • u012763269
  • u012763269
  • 2015年08月24日 11:35
  • 1094

js五种数据类型,以及相关的基础方法

js五种数据类型,以及相关的基础方法5种数据类型: undefined :当一个变量被声明,但是没有被初始化的时候。引入此变量是为了区分空对象指针和声明但是未被初始化的变量 boolean strin...
  • github_35929586
  • github_35929586
  • 2016年09月02日 22:40
  • 866

javascript—新手必备、零基础学习

本书目录 第一章:  JavaScript语言基础 第二章:  JavaScript内置对象 第三章:  窗口window对象 第四章:  文档document对象 第五章:  表单form对象 第...
  • u013321328
  • u013321328
  • 2015年02月06日 13:27
  • 1648
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js的一些基础
举报原因:
原因补充:

(最多只允许输入30个字)