2018.06.20实训随笔

Posted boqianliu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2018.06.20实训随笔相关的知识,希望对你有一定的参考价值。

今日学习成果:

学习了JS的简介、实现、输出、语句、注释、变量和基本数据类型,了解了css和html的基本语法,在学习的过程中也发现了一些问题,写出来供有缘人参考也提醒自己。

1、JS对大小写敏感,一定要切记字母的大小写要正确,要不很容易GG

2、JS中函数的调用要注意引号的问题,确认参数是字符串还是其他的变量类型。

document.getElementById("first").innerHTML = cars[0]; 正确
document.getElementById(first).innerHTML = cars[0];错误

 

3、表格制作时,应该一行一行的画,即<tr>应该包含<td>标签,正确示例如下:

<h3>测试数组初始化与操作</h3>
    <table id="carName" width="120px" border="100px">
        <tr>
            <td>No</td>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>CarName</td>
            <td id="first">Aodi</td>
            <td id="second">Benchi</td>
            <td id="third">BYD</td>
        </tr>
    </table>

执行结果如图:

 技术分享图片

如果<td>标签写到了<tr>标签里面,就会出现下面的效果。

技术分享图片

4、

<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>

如果写文本的语句像上面一样写在<head>或者<body>里面,会在已有页面的基础上继续绘制页面,不过如果像下面这种,点击按钮后再执行写文本的语句,会先清除所有内容再写文本。

<button type="button" onclick="isNumber()">
        点我提交框框内容
    </button>

5、JS和CSS语句可以独立成文件,然后链接到html文件中。

<script src="myScript.js"></script>
<link rel="stylesheet" href="test.css" />

 

以上是关于2018.06.20实训随笔的主要内容,如果未能解决你的问题,请参考以下文章

2018-06-20 中文代码示例视频演示Python入门教程第三章 简介Python

2018-06-20 中文代码示例视频演示Python入门教程第四章 控制流

项目实训—基于AI的智能视频剪辑器项目架构搭建

每日总结之2018-06-20

经济随笔

php 基础复习 2018-06-20