华清远见-html-js-jquery学习总结

xieyang929

已于 2022-08-29 16:01:43 修改

阅读量339

点赞数

文章标签： javascript jquery html

于 2022-08-29 16:01:35 首次发布

本文链接：https://blog.csdn.net/xieyang929/article/details/126491125

版权

文章目录

html

html的结构里面有<head>和<body>两部分，中包含了网页的标题如<title>标题</title>，里面也可以加入<style></style>标签，这是用来修改body中的标签样式。<body> 标签显示网页中的内容。在其中有些常用的标签。如<div><p><h1> 这3个都是块级元素，自动换行，<span><img>都是块内元素。
<img>常用方法<img src=" ">:“” 里的是要加入的图片，这是加图片标签。
<div>中，调整样式可以<div style=" width:20px;background-color:red"></div>在style中加入自己需要增加的。<span>是块内元素，是没有大小的，可以通过调整样式改变他的属性。<span style=" inline-block;width:300px" ></span>。
每一个标签的内容从外往里有margin,border,padding,content,通过改变他们的样式可以得到我们想要的效果

js

当点击按钮触发事件，或者想要修改或者增加标签内容时，需要用到js，js的内容写在<script></script>中，也可以建一个js文件，然后在html中调用，例如给按钮加点击事件。在<body>中写入一个按钮<button id="btn1"></button>,在<script>中通过let a= document.getElementById("btn1")得到按钮标签，然后a.onclick=function(){}加入点击后执行的事件。js中定义变量用var或者let,也可以改变刚才那个按钮的样式，如a.style.width="20px"，得到body中的标签后，如果需要在改标签中新加便签内容，可以用到innertext,或者innerhtml,在其中加入字符串，字符串中的内容就和在body中写入标签内容是一样的，经常也会使用计时器，setinterval，其中的参数为(函数，时间间隔)，他的作用是以一定时间间隔不断的执行这个函数。也会使用到正则表达式，他用来获取我们需要的字符，通常样式为/^约束条件$/，其中的^为起始，$为结束，约束条件的种类很多\d为整数，\w为字符。