JavaScript学习的教程来自后盾网

1>JavaScript的放置和注释

　　1.输出工具

　　　　A.alert();

　　　　B.document.write();

　　　　C.prompt("","");

<!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>

    <!-- 弹出对话框显示 -->

    alert("<h1>后盾网</h1>");

    <!-- 页面显示 -->

    document.write("<h1>后盾网视频教程</h1>");

    <!-- 弹出输入对话框，一个提示参数，一个输入参数 -->

       var value=prompt("please enter your name","")

       <!-- 显示输入的参数 -->

       alert(value);

</script>

</body>

</html>

　　2.JavaScript如何在html页面当中进行放置

　　　　A.<script></script>　　放在<head></head>中间，也可以放在<body></body>中间，有两个属性，一个是type，另外一个是language

　　　　　　div中加样式：写class，<div class="one"></div>，然后在<head></head>中写<style></style>

<style>

   .one{

     width:100px;

     height:100px;

     background:red;

     font-size:12px;

     color:blue;

   }

</style>

　　　　　JavaScript可以在html页面当中的任何位置来进行调用，但是他们还是一个整体，是相互联系，相互影响。

<!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=gb2312" />

<title>javascript放置</title>

<script type="text/javascript" language="javascript" >

   var a="我是后盾网"

</script>

<style>

   .one{

     width:100px;

     height:100px;

     background:red;

     font-size:12px;

     color:blue;

   }

</style>

</head>

<body>

<script type="text/javascript" language="javascript">

   a="我是论坛，bbs.houdunwang.com"

   document.write(a);

</script>

 <div class="one">

    欢迎收看后盾网视频教程，收看更多原创视频请到后盾网论坛下载！

 </div>

 <script type="text/javascript" language="javascript">

   alert(a);

</script>

</body>

</html>

　　　　B.可以在超链接或是重定向的位置调用javascript代码

　　　　　　格式："javascript:alert('我是超链接')"
　　　　　　重定向格式：action="javascript:alert('我是表单')"

<!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=gb2312" />

<title>place2</title>

<style>

   .one{

     width:100px;

     height:100px;

     background:red;

     font-size:12px;

     color:blue;

   }

</style>

</head>

<body>

  <div class="one">

    欢迎收看后盾网视频教程，收看更多原创视频请到后盾网论坛下载！

 </div>

 <!-- 点击链接，弹出对话框 -->

 <a href="javascript:alert('我是超链接')">链接</a>

 <!-- from表单，提交表单后弹出对话框 -->

 <form action="javascript:alert('我是表单')" method="post">

  <input type="text" name="names">

  <!-- type是submit，点击按钮后直接提交表单 -->

  <input type="submit" value="提交">

 </form>

</body>

</html>

　　　C.在事件后面进行调用
　　　　　1>.格式：onclick="alert('我是事件')"
　　　　　2>.<script for="two" event="onclick">
　　　　　　　　　alert("我是DIV2");
　　　　　　</script>

<!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=gb2312" />

<title>place3</title>

<style>

   .one{

     width:100px;

     height:100px;

     background:red;

     font-size:12px;

     color:blue;

   }

    .two{

     width:200px;

     height:300px;

     background:blue;

     font-size:12px;

     color:red;

   }

</style>

<!-- for属性表示为了那个ID，一般不用 -->

<script for="two" event="onclick">

  alert("我是DIV2");

</script>

</head>

<body>

  <!-- 点击这个div弹出对话框 -->

  <div class="one" onclick="alert('我是事件')">

    欢迎收看后盾网视频教程，收看更多原创视频请到后盾网论坛下载！

  </div>

  <div class="two" id="two">

    欢迎收看后盾网视频教程，收看更多原创视频请到后盾网论坛下载！

  </div>

</body>

</html>

　　 3.调用外部javascript文件

　　　　格式： <script src="2.js"></script>　　在<head></head>中加入

<script src="2.txt"></script>

　　　　js文件

var a="后盾网视频教程";

alert(a);

　　　　注意：在调用页面<script>标签对当中不能有任何代码、在js脚本中不能出现<script>标签对、但是他们还是一个整体，是相互联系，相互影响。

<!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=gb2312" />

<title>place4</title>

  <!-- 调用外部js文件 -->

  <script src="2.txt"></script>

<style>

   .one{

     width:100px;

     height:100px;

     background:red;

     font-size:12px;

     color:blue;

   }

    .two{

     width:200px;

     height:300px;

     background:blue;

     font-size:12px;

     color:red;

   }

</style>

<script>

  <!--

    //a="bbs.houdunwang.com";

    //alert(a);

    //后盾网

    /*

      后盾网网

      视频教程

      bbs.houdunwang.com

    */

    -->

</script>

</head>

<body>

  <div class="one" >

    欢迎收看后盾网视频教程，收看更多原创视频请到后盾网论坛下载！

 </div>

   <div class="two" id="two">

    欢迎收看后盾网视频教程，收看更多原创视频请到后盾网论坛下载！

 </div>

</body>

</html>

　　4.javascript注释:
　　　　1.对付旧的浏览器
　　　　　　<!-- -->
　　　　2.真正注释符号。
　　　　　　A.行内注释 //
　　　　　　B.块注释/*

　　　　　　　　*/

JavaScript学习笔记——基本知识的更多相关文章

  1. jQuery学习笔记 - 基础知识扫盲入门篇

    jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...

  2. JavaScript:学习笔记(8)——对象扩展运算符

    JavaScript:学习笔记(8)——扩展运算符 对象的扩展运算符 扩展运算符是三个点(...).用于取出参数对象的所有可遍历属性,然后拷贝到当前对象之中. 如上图所示,新建了一个对象a,然后通过扩 ...

  3. JavaScript:学习笔记(5)——箭头函数=>以及实践

    JavaScript:学习笔记(5)——箭头函数=>以及实践 ES6标准新增了一种新的函数:Arrow Function(箭头函数).本文参考的链接如下: MDN箭头函数:https://dev ...

  4. Java程序猿的JavaScript学习笔记（汇总文件夹）

    最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...

  5. Java程序猿的JavaScript学习笔记（8——jQuery选择器）

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  6. Java程序猿JavaScript学习笔记（2——复制和继承财产）

    计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaSc ...

  7. Java程序猿的JavaScript学习笔记（3——this/call/apply）

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  8. Java程序猿JavaScript学习笔记（4——关闭/getter/setter）

    计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...

  9. Java程序猿JavaScript学习笔记（14——扩大jQuery UI）

    计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...

随机推荐

  1. 欧拉函数 &【POJ 2478】欧拉筛法

    通式: $\phi(x)=x(1-\frac{1}{p_1})(1-\frac{1}{p_2})(1-\frac{1}{p_3}) \cdots (1-\frac{1}{p_n})$ 若n是质数p的k ...

  2. 通过js判断访客显示器屏幕分辨率并给出提示

    <script> <!-- fw="1920";fh="1200"; var uw=window.screen.width; var uh=w ...

  3. 使用Apache Archiva搭建Maven Repository Server

    关于 Maven 私服 的搭建 这里 采用 Apache Archiva 的 Standanlone 模式来安装 1) 首先到archiva主页上下载最新版(Archiva 2.2.1 Standal ...

  4. 【2016多校训练4】Multi-University Training Contest 4

    1001  Another Meaning 题意:字符串A中包含的字符串B可以翻译或不翻译,总共有多少方案. 题解:动规,dp[i]表示A的第i位为止有多少方案. 转移方程: dp[i]=dp[i-1 ...

  5. win7安装nodejs

    刚刚在网上看到Cheerio,为服务器特别定制的,快速.灵活.实施的jQuery核心实现,适合各种Web爬虫程序. 看了下,cheerio 是nodejs的抓取页面模块 于是决定先学习下nodejs了 ...

  6. C++IO关于cin>>和getline的理解

    这个问题困扰了我有一段时间了,趁着十一放假有时间,仔细研究了一下 首先来看一下输入输出运算符cin>>的构成:cin和>> cin>>是由两部分构成的,cin和&g ...

  7. Java线程与并发库高级应用-线程范围内共享数据ThreadLocal类

    1.线程范围内共享变量 1.1 前奏: 使用一个Map来实现线程范围内共享变量 public class ThreadScopeShareData { static Map<Thread, In ...

  8. 简单理解dropout

    dropout是CNN(卷积神经网络)中的一个trick,能防止过拟合. 关于dropout的详细内容,还是看论文原文好了: Hinton, G. E., et al. (2012). "I ...

  9. 什么是RFC

    通俗的话来说,RFC是关于Internet的几乎所有重要的文字资料,相当于一个Internet的标准. 下面是查询网址:http://www.rfcreader.com/ 一下为百科定义: http: ...

  10. Windows批处理以服务的方式启动解决思路（ShadowsockR注册成Windows Service）

    我以ShadowsockR的server启动来解释: 由于这东西是python,如果要启动,可以写一个批处理(python.exe server.py)来启动,但是我观察发现启动的时候是附带pytho ...