网页开发（八）—JavaScrip

1、JavaScript是一门编程语音，可以写在html中，浏览器是JavaScript语音的解释器，可以实现一些动态效果。

2、DOM和BOM，相当于此编程语音内置的一些模块。

3、JQuery，相当于编程语言的第三方模块

1.1 javascript

（1）一些代码：

javascript的代码块：

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

定义函数：<div class="header" οnclick="myFunc()">大标题</div>

function myFunc() {
     alert("你好");}

点一下大标题，会出现以下表现：

 （2）代码位置

1、在head标签里面，在css标签下面，没有css标签就在title标签下面

 2、在body标签里面，推荐放在此处，放在位置1会先显示弹框，导致页面里面的内容无法展示，用户体验不太好。

（3）JS代码的存在形式

在Static文件下创建新的javascript文件，使用的时候进行导入，一般情况下放在位置2中。

<script src="static/my.js"></script>

1.2 注释

（1）html的注释 <!--  注释内容 -->

（2）CSS的注释  /* 注释内容 */

（3）javascript的注释   //  注释内容                 /*   注释内容   */

1.3 变量

（1）定义、输出变量

<script type="text/javascript">
    var name="程少商"          定义
    console.log(name);         输出
</script>

1.4 字符串类型

（1）常见功能

var name=“中国联通”；

var v1=name.length;

var v2 =name[0];    取出第一个字母，与python类似

var v3 = name.trim();    去除空白得到新的字符串

var v3 = name.substring(1,2);    有切片的意思，也遵循前取后不取，得到“国”

（2）案例：跑马灯

1、在页面上获取变量，去HTML找到某个标签并获取它的内容（DOM）

<span id="txt">欢迎来到霍将军与程娘子的婚礼</span>
var tag = document.getElementByID("txt");
var dataString = tag.innerText;

2、使其动态起来，把文本中的第一个字符放在字符串的最后面。

var firstChar=dataString[0];    取第一个字符
var otherString = dataString.substring(1,dataString.length);  取后面剩下的字符
var newText=otherString + firstChar;    拼接起来

3、在HTML标签中更新内容 

tag.innerText = newText;

4、javascript中的定时器，比如每秒执行一次show函数

serInterval(show,1000);