JSON

轻松学习JavaScript三:JavaScript与HTML的结合(2)

字号+ 作者:H5之家 来源:H5之家 2015-11-21 13:15 我要评论( )

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN html xmlns=headmeta http-equiv=Content-Type content=text/html; charset=gb2312 /titleJavaScript脚本语言/titlescript type=text/javascript src

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaScript脚本语言</title> <script type="text/javascript" src="/js/myScript.js"></script> </head> <body> <h1>My Web Page</h1> <p id="demo">A Paragraph.</p> <button type="button" onclick="myFunction()">点击这里</button> <p><b>注释:</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p> </body> </html>

       myScript.js代码:

function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; }       运行的结果和上述一致!

       提示:在<head 或<body>中引用脚本文件都是可以的。实际运行效果与您在<script>标签中编写脚本完全一致。

外部脚本不能包含 <script> 标签。







转载请注明原文链接。 文中有不妥或者错误的地方还望指出,以免误人子弟。 再次感谢您耐心的读完本篇文章。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JavaScript转换与解析JSON方法实例详解第1/2页

    JavaScript转换与解析JSON方法实例详解第1/2页

    2016-02-10 21:25

  • JSON Schema 那些事儿:基本概念

    JSON Schema 那些事儿:基本概念

    2016-01-31 10:32

  • 未来编程的9大猜想:JavaScript不必亲自编写

    未来编程的9大猜想:JavaScript不必亲自编写

    2016-01-30 13:01

  • Objective-C与JavaScript交互的那些事

    Objective-C与JavaScript交互的那些事

    2016-01-30 13:00

网友点评
"