首页 > 编程语言 >前端开发 --JavaScript

前端开发 --JavaScript

时间:2024-10-16 17:59:56浏览次数:6  
标签:aa obj log -- JavaScript var console 前端开发

前言

html 种script主要包括内联script和引用外部JavaScript文件两张方式

1.内联script的用法

内联script指的是将JavaScript代码直接写在html文档中某个部位
<!-- 内嵌 -->
<script>
        alert(1)
</script> 
<script>
        window onl oad=function(){
            var aa=document.getElementById("aa")
            console.log(aa)
        }
</script> 

2.引用外部JavaScript文件

<!-- 使用<script> 标签的src属性引用外部JavaScript文件-->    
<!-- defer表示延迟加载 只能用于外引 -->
    <script src="JavaScript.js" defer></script>

既有外引又有内嵌,内嵌被完全覆盖掉

 

JavaScript 语法

控制台打印
console.log()
对象{} key:value key:事务的特征项 value:事务的特征值 value可以是任意类型 对象.属性
var obj={
     name:'',
     age:1,
     marry:false,
     play=['','',''],
     friend:{
         name:"",
         age:2
     }
 }
console.log(obj)
console.log(obj.name)
console.log(obj.age)
console.log(obj.play)
console.log(obj.play[0])
console.log(obj.friend.age)
函数
function声明函数的关键字,f函数名 (a,b)参数列表{}函数体
 var cc =function f(a,b){
     console.log(a)
     console.lob(b)
     console.log("test")
 }
 var dd="aaa"

f()
f(10,"aaa")
cc()
匿名函数
var aa=function(a,b){
     console.log(a)
     console.log(b)
     console.log("test")
 }
aa(5,500)
console.log(cc) console.log(aa) console.log(f)
 
元素调用和交互相关
oncclick点击
condblclick双击
onmouseenter鼠标放上去触发

 console.log(document)
 console.dir(document)
 document.onclick=function(){
     alert(1)
 }

 

标签:aa,obj,log,--,JavaScript,var,console,前端开发
From: https://www.cnblogs.com/hui-xiang/p/18470480

相关文章

  • [赛记] csp-s模拟11 && 多校A层冲刺NOIP2024模拟赛07
    玩水(water)100pts一道结论题,考场一眼出,结果认为不对,然后被硬控了2h结果打出了个抽象DP然后过了;赛后发现,这DP和那个结论是等价的。。。;首先考虑只有两个人怎么做,那么我们只需找出一个位置$(i,j)$满足$a_{i+1,j}=a_{i,j+1}$即可;那么三个人呢?设现在有两个满......
  • FME中对Raster的解释
    原文地址:https://docs.safe.com/fme/html/FME-Form-Documentation/FME-Form/!FME_Geometry/Raster.htmRaster栅格Inthistopic:在本主题中:RasterFeatures栅格要素RasterInterpretationTypes栅格解释类型RasterProperties栅格属性Bands带BandInterpretationTyp......
  • 深度解析|一文读懂芯片时钟锁匠PLL锁相环的工作原理
    本期是平台君和您分享的第87期内容01PLL概述锁相环(PLL,Phase-lockedloops)是一个负反馈系统,它的工作原理是,鉴频鉴相器将外部输入的时钟信号和压控振荡器产生的时钟信号的相位进行比较,输出一个正比于两个时钟信号相位误差的电压加到电荷泵和低通滤波器上,处理后再加到......
  • Vue3也能用上Vue2写的组件
    文章目录     文章目录概要整体架构流程参考博客实现效果图技术细节小结概要需求:开发一个问题反馈组件,要求企微连线负责人、跳转页面反馈问题...组件可以安装在Vue2、Vue3、React等项目里整体架构流程创建webpack-simple项目,编写组件,部署并发布npm包......
  • 手风琴、轮播图案例
    摸鱼时,水一篇博客咯~~~分享两个小案例!!!!!!!!!!!!前言手风琴:仿王者荣耀做的一个小案例,结合JQuery.js轮播图:仿华泰保险官网首页图做的小案例,结合ant-design-vue轮播图使用一、手风琴效果图代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname=......
  • CrossSim安装教程
    CrossSimCrossSim是一个实现神经形态计算的模拟器,用于人工突触器件搭建神经网络实现模式识别等应用。安装创建虚拟环境使用conda虚拟环境condacreate-ncrosimpython=3.10.8安装完毕后进入虚拟环境,开始配置依赖。安装依赖numpy==1.24.3scipy==1.11.1IPython==8.......
  • AJAX——HTTP 协议请求报文和响应报文结构
    1、HTTP(hypertexttransportprotocol)协议【超文本传输协议】,协议详细规定了浏览器和万维网服务器之间互相通信的规则。2、请求报文(浏览器向服务器发送的内容)重点是格式和参数        ①请求行             请求类型+/+url文件(页面路径/查询......
  • 【AI大模型】从 RAG 1.0到RAG 2.0,这次做对了什么?
    RAG是目前最流行的补充生成式人工智能模型的方式,最近RAG的开创者提出了新的上下文语言模型(CLM),他们称之为“RAG2.0”。今天让我们一块来从RAG目前的原理和缺点出发,看看他们所提出的RAG2.0是否能够为行业带来新的希望。LLM的时间有效性您应该知道,所有独立的大型......
  • 10.8
    一.单选题(共2题,28.5分)1. (单选题)软件工程的一个独特性是()的变迁。A.需求到设计、从设计到实现B.编码到测试、从测试到用户C.分析到设计、从设计到程序D.编码到测试、从测试到上线我的答案: A:需求到设计、从设计到实现; 2. (单选题)抽象的目的是A.确......
  • 27K star!有没有显卡都能搞,Langchain-Chatchat 快速基于LLM构建本地智能知识库
    觉得搞一个AI的智能问答知识库很难吗?那是你没有找对方向和工具,今天我们分享一个开源项目,帮助你快速构建基于Langchain和LLM的本地知识库问答,在GitHub已经获得27Kstar,它就是:Langchain-Chatchat......