JavaScript(二)

DOM

文档对象模型:把文档当做对象
提供一套功能,程序员可以直接使用
针对浏览器做交互
同样有输入或者输出(传参或返回值)
 

一、DOM树

在这里插入图片描述
1、文档:一个页面就是一个文档,DOM中使用document表示
2、元素:页面中的所有标签都是元素,DOM中使用element表示
3、结点:网页中的所有内容都是节点(标签、属性、文本、注释等),DOM中使用node表示
DOM把以上内容都看做是对象
 

二、驼峰命名法

如果一般 html 标签里面有横杠( - )的,在js中使用驼峰命名法
 

三、事件

    ① 事件源:事件被触发的对象
    ② 事件类型:如何触发 什么事件
    ③ 事件处理程序:通过一个函数赋值的方式 完成

1、基础的事件格式:

var btn = docement.querySelector('btn'); //获取事件源

# 传统方式(只能唯一,不能多样绑定)
btn.onlick = () => {
   
	alert(' ... ');
	this. ...
}

# 事件监听(同个元素可以添加多个监听器):
function xxx() {
   
	......
}
div.addEventListener('click', xxx,true/false(默认));


格式:
function 方法名(){
   
	方法体
}
元素.addEventListener('事件类型(click,mouseover)',方法名,true/false);true代表这个事件是在捕获阶段中进行,一般不写默认是false,则是在冒泡阶段中进行)

捕获阶段指的是从大框架一步步到具体模块的过程
冒泡阶段指的是从具体模块一步步到大框架的过程

2、鼠标事件

使用监听器的时候,就不用加 on

鼠标事件 触发条件
onclick 鼠标点击左键触发
onmouseover 鼠标经过触发(包括其中的子盒子都会触发)
onmouseenter 鼠标经过触发(和其中的子盒子区分开,只有经过自身才会触发)
onmouseout 鼠标离开触发
onfocus 获得鼠标焦点触发
onblur 失去鼠标焦点出发
onmousemove 鼠标移动触发
onmouseup 鼠标弹起触发
onmousedown 鼠标按下触发

3、删除事件

# 传统事件:
div.onclick = null;

# 监听事件:
div.removeEventListener('click',xxx);

function xxx() {
   
    ......
}

四、操作元素

1、创建

# 可以直接创建一个标签,但是如果页面加载完了,再通过方式创建标签,就会发生页面重加载
document.write('<div> 123 </div>');


# 使用数组形式配合innerHTML,效率是最高的,只是结构稍微复杂
var arr = [];
for(let i =0;i <= 100;i++){
   
	arr.push('<a href="#">123</a>');
}.innerHTML = arr.join('');


# 结构比较清晰,但是时效上不如innerHTML
var li = document.createElement('li');

2、增

添加节点
(在父级元素的子元素列表末尾添加一个元素)

var ul = document.querySelector('ul');//获取父节点

# 添加元素节点(到后面)
ul.appendChild(li);

# 添加元素节点(到前面)
ul.inserBefore(li,ul.children[0]);

3、删

删除节点(删除第几个子元素)

ul.removeChild(ul.children[0]);

4、改

(1)修改元素内文字内容(innerHTML、innerText)

也可以不加事件,直接使用。

# 可以识别html标签
(可以使用HTML标签修饰内容,也保留了 空格 和 换行 )
div.innerHTML = 新内容;

# 不可以识别html标签
div.innerText = 新内容;<
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
### 回答1: Workbench是一个用于创建和自定义业务流程的工具。通过JavaScript次开发,可以为Workbench添加更多功能和定制化选项。 第一步是了解Workbench的基本架构和API。Workbench使用SoqlQuery语言查询数据库,并使用JavaScriptHTML和CSS构建用户界面。理解这个架构和API是进行次开发的基础。 之后可以根据需求进行功能的开发和定制。比如,可以添加自定义的表单和字段,以满足特定的业务需求。也可以通过JavaScript添加逻辑和流程控制,使得系统更加智能和灵活。 另外,可以通过JavaScript进行一些数据处理和操作。比如,可以通过JavaScript计算字段值、验证用户输入、处理数据关联等。这样可以扩展和增强Workbench的数据处理能力。 在进行次开发之前,需要先对Workbench进行配置和准备。可以通过Workbench的管理界面添加自定义对象、字段和布局,以及定义业务流程和权限控制等。 最后,测试和部署是次开发过程中的重要环节。通过测试可以保证开发的功能和逻辑是正确的。部署则是将开发好的功能发布到正式环境,供用户使用。 总的来说,Workbench的JavaScript次开发可以通过扩展和定制功能,增加系统的灵活性和可用性。通过了解和熟悉Workbench的架构和API,以及进行开发和部署,可以实现满足特定需求的定制化系统。 ### 回答2: workbench是一个用于开发和定制Salesforce平台的工具。它提供了许多功能,使开发人员能够创建和修改JavaScript代码以扩展Salesforce应用程序的功能。 在workbench中进行JavaScript次开发,开发人员可以使用JavaScript语言来编写自定义代码,以满足特定业务需求。他们可以通过workbench的集成开发环境(IDE)编辑和调试JavaScript代码,并使用Salesforce平台的API来访问和操作数据。 通过workbench进行JavaScript次开发,开发人员可以创建自定义按钮、自定义页面和验证规则等,以增强和定制Salesforce应用程序的功能。他们可以使用JavaScript来处理用户的输入和操作,并对数据进行验证和处理。通过使用workbench的开发工具,如代码编辑器和调试器,开发人员可以更轻松地编写和测试JavaScript代码,以确保其正确性和可靠性。 另外,workbench还提供了一些内置函数和库,用于简化JavaScript开发过程。这些函数和库提供了许多常见的功能和操作,如字符串处理、日期计算和数据转换等。开发人员可以利用这些功能来加快开发过程,并减少出错的可能性。 总而言之,workbench是一个强大的工具,可以支持JavaScript次开发。通过使用它,开发人员可以使用JavaScript语言来编写和修改Salesforce应用程序的代码,以实现定制的业务需求。无论是创建自定义按钮、自定义页面还是验证规则,workbench都提供了一系列的功能和工具,帮助开发人员更轻松地开发和测试JavaScript代码。 ### 回答3: Workbench JavaScript次开发是指在Workbench平台上使用JavaScript进行自定义开发的过程。Workbench平台是一个基于Web的集成开发环境,主要用于创建、编辑和管理业务流程和工作任务。 通过JavaScript次开发,我们可以根据实际需求对Workbench平台进行定制化的扩展和优化。以下是几个常见的次开发场景: 1. 自定义表单:通过JavaScript可以对Workbench平台提供的默认表单进行修改和自定义,实现更符合业务需求的数据展示和填写方式。你可以调整表单的布局、样式,增加自定义的校验和计算逻辑,甚至可以集成其他第三方控件和工具。 2. 定制动作按钮:Workbench平台通常提供了一些默认的动作按钮,比如保存、提交、撤回等。通过JavaScript次开发,可以新增自定义的动作按钮,并在点击事件中实现特定的逻辑处理,比如调用其他系统接口、发送消息等。 3. 高级查询和筛选:Workbench平台的默认查询功能可能无法满足复杂的查询需求。通过JavaScript次开发,可以实现更灵活的查询和筛选功能,比如添加条件组合、动态生成查询语句等。 4. 数据处理和计算:有时需要对Workbench平台上的数据进行进一步处理和计算。通过JavaScript次开发,可以编写脚本来实现这些需求,比如对数据进行加减乘除、日期计算等。 总而言之,Workbench JavaScript次开发可以帮助我们对平台进行定制,以满足特定业务需求。在开发过程中,我们需要熟悉Workbench平台的API和事件机制,并结合JavaScript的语法和功能进行开发。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

番茄火锅rrds

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值