小蔡学Web:[11]怎么写JavaScript
1、打开DW软件,然后新建一个空白网页,然后保存为JS.html。
![小蔡学Web:[11]怎么写JavaScript](https://exp-picture.cdn.bcebos.com/739bc049610f8b56596461dc9ce951e10ff8d3f4.jpg)
2、然后在<head>标签中输入<script type="text/javascript"></script>,用来在里面输入JS的代码。
![小蔡学Web:[11]怎么写JavaScript](https://exp-picture.cdn.bcebos.com/16a84fe10ef858562f5de79053e9ccd2ba66cdf4.jpg)
3、在<body>中输入<a href="#">点击我看看,会出现什么!</a>,用来当后面JS事件的触发点。调试页面如下:
![小蔡学Web:[11]怎么写JavaScript](https://exp-picture.cdn.bcebos.com/d9a8d2d2bb66515985215f9e8fe23ea23b42c7f4.jpg)
4、写完起始点之后,我们开始在<script type="text/javascript"></script>写事件函数。熠硒勘唏function MM_popupMsg(msg) { alert(msg); //alert 弹出窗中输出信息}MM_popupMsg(msg)是当有数据传进函数的时候会输出一个对话框,把得到的数据输出。我们现在调试下网页,可以发现,点击链接后,没有对话框出现,那是因为我们没有在<a>中调用这个函数。
![小蔡学Web:[11]怎么写JavaScript](https://exp-picture.cdn.bcebos.com/3fe32442a07aa010bb52a38cbfbb19efa35f3ef5.jpg)
5、调用这个函数,如下在<a>中输入<a href="#" onclick="MM_popupMsg('JavaScript神奇吗?你看我弹出来了')">点击我看看,会出现什么!</a>其中onlick表示鼠标点击事件。
![小蔡学Web:[11]怎么写JavaScript](https://exp-picture.cdn.bcebos.com/ed792abb19efa25f00758dcf59828689a0463bf5.jpg)
6、这样一个简单的JavaScript就写好了,我们调试网页可以看到,当我们点击链接的时候会出现一个对话框。
![小蔡学Web:[11]怎么写JavaScript](https://exp-picture.cdn.bcebos.com/0d55dc7bd2828689b127f80565f97fbd4d7c37f5.jpg)