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基础之作用域

  • 2017年11月06日 09:41
  • 6KB
  • 下载

js基础 myeclipse 快捷 unix常用命令

  • 2017年10月25日 16:35
  • 29KB
  • 下载

Vue.js 2.0 教程精华梳理(一) 基础

Vue.js 第一部分 Vue.js 介绍 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上...

JS中的基础知识点

  • 2017年08月09日 00:41
  • 441KB
  • 下载

基础的js分页控件

  • 2017年08月17日 15:26
  • 3KB
  • 下载

Node.js基础学习之常见API理解

问题1:process.exit事件 process.on('exit', function(code) { // 这里必须只能是同步代码快,而不能是异步的 setTimeout(funct...

js_基础高级部分源码.rar

  • 2015年11月08日 21:52
  • 2.23MB
  • 下载

HTML5基础JS

  • 2013年07月05日 10:20
  • 1KB
  • 下载

JavaScript 学习笔记-基础记录(一)JS API下载

JavaScript 这是我搜集各种资料而记录的,毕竟都是我自己看的,所以我自己看懂就行 介绍: JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释...

js入门基础

  • 2013年10月14日 16:13
  • 76KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js的一些基础
举报原因:
原因补充:

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