码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript简介及作用

时间:2017-06-29 17:51:55      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:img   事件   innerhtml   script   javascrip   字符   验证   脚本语言   输出   

JavaScript是一门脚本语言,是可以插入HTML页面的编程代码,插入HTML以后可以由所有现代浏览器运行

一、写如html输出

<body>
<script>
    document.write("<h1>写入html输出,可以直接在页面上输出html内容</h1>");
</script>
</body>

二、对事件做出响应

<body>
<script>
    document.write("<h1>写入html输出</h1>");
    function touchBegin() {
        alert("开始响应事件");
    }

</script>

<button onclick="touchBegin()">点击响应事件</button>
<br>
<p2>或者你可以这样写</p2>
<br>
<button onclick="alert(‘开始响应事件‘)">点击响应事件</button>
//注意在双引号内部不要继续使用双引号,对于字符串使用单引号代替
</body>

三、改变html内容

<body>
<script>
    function changeContent() {
        x = document.getElementById("fuck");
        x.innerHTML = "小子 我改变了你的内容";
    }
</script>

<p1 id ="fuck">这是我原来的内容</p1>
<button onclick="changeContent()">点击这里可以改变html的内容</button>
</body>

四、改变html图像

<body>
<script>
    function changeImage() {
        element = document.getElementById(‘gewei‘);
        if (element.src.match("gewei")){
            element.src = "wanzi.jpg";
        }else {
            element.src = "gewei.jpeg";
        }
    }
    
</script>
<img src="gewei.jpeg" id="gewei" onclick="changeImage()">
</body>

五、改变html样式,验证输入等!

 

 

 

 

 

 

 

 

 






JavaScript简介及作用

标签:img   事件   innerhtml   script   javascrip   字符   验证   脚本语言   输出   

原文地址:http://www.cnblogs.com/lidarui/p/js.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!