Dom基础语法

  1. 什么JS的dom

答:Dom编程:Document Object Model,基于文档对象模型编程

在解析html标签时,浏览器的ja引擎将html的每一个标签,封装标签对象(节点对象/元素对象),形成树结构,使用一些方式获取节点对象,改变它的特有属性;

  1. 获取标签对象,通过document方法有几种方式,列举

答:document.getElementById(“Id属性值”); //获取标签对象

document.getElementByClassname(“所有同名Class属性值”); //获取标签对象列表

document.getElementByName(“所有同名name属性值”); //获取标签对象列表

document.getElementByTagName(“同名标签名称”); //获取标签对象列表

  1. 获取焦点和失去焦点事件,选项卡发生变化的事件,列举

答:获取焦点: onfocus;

      移动鼠标点击输入框触发获取事件

    失去焦点: onblur;

  移动鼠标点击输入框外内容触发失去事件

onchange;

  1. 表单标签中onsubmit事件指的是什么?

答:onsubmit:表单是否能够提交成功;

     返回值结果true;提交成功, false;不能提交

  1. js中自定义对象有哪些方式?

答:方式一:类似于Java中有参构造

Function 对象(属性名1,属性名2......){

//追加它的成员属性

this.成员属性1=属性名1;

this.成员属性2=属性名2;

//追加功能

this.方法名=function(空参/带参){

......

}

}

//创建对象

var 对象名=new 对象(实参列表);

//网页打印输出  document.write(“”) ;

方式二:类似于Java中的无参构造

  1. 定义对象的格式:function对象(){}
  2. 创建对象var 对象名=new 对象();
  3. 追加属性和追加功能

对象名.属性名称=”值”

对象名.方法=function(){}...

方式三:使用Object对象(代表所有js对象)

直接new 对象

//追加属性和功能

方式四:

字面值得方式:”JSon数据格式”(后期重点)

基本格式:{“key”:value}这种键值对

需要描述一个学生----->姓名,年龄,性别,住址

var student={

“name”:”张三”;

“age”:18;

“gender”:”男”;

};

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ECharts 是一个基于 JavaScript 的可视化库,用于构建交互式的图表和数据可视化。它提供了丰富的图表类型和灵活的配置选项,可以用于各种场景下的数据展示。 ECharts 的基础语法主要涉及以下几个方面: 1. 引入 ECharts 库:在 HTML 页面中引入 ECharts 库的 JavaScript 文件,例如: ```html <script src="echarts.min.js"></script> ``` 2. 创建图表实例:通过调用 echarts.init() 方法创建一个图表实例,并指定要渲染图表的 DOM 元素,例如: ```javascript var myChart = echarts.init(document.getElementById('chart-container')); ``` 其中,'chart-container' 是一个 div 元素的 id,用于容纳图表。 3. 配置图表选项:使用一个配置对象来定义图表的样式、数据和交互行为,例如: ```javascript var option = { // 图表的标题 title: { text: '示例图表', }, // 图表的数据系列 series: [ { name: '数据系列1', type: 'bar', data: [10, 20, 30, 40, 50], }, ], }; ``` 这里我们定义了一个柱状图,数据系列为 [10, 20, 30, 40, 50]。 4. 设置图表选项:通过调用 setOption() 方法将配置对象应用到图表实例上,例如: ```javascript myChart.setOption(option); ``` 5. 渲染图表:调用图表实例的 render() 方法,将配置好的图表渲染到指定的 DOM 元素上,例如: ```javascript myChart.render(); ``` 以上就是 ECharts 的基础语法,通过这些步骤可以创建并渲染出一个简单的图表。当然,ECharts 还提供了更多丰富的配置选项和图表类型,可以根据需要进行进一步的定制和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值