文档章节

dart系列(三) 按钮点击

 小小程序员1644
发布于 2015/12/02 23:11
字数 129
阅读 93
收藏 0
点赞 0
评论 0
import 'dart:html';
import 'dart:core';
void main() {
  
  void myClick(Event e){  
   querySelector('#but_1_div').text = ( querySelector('#ipt_1') as InputElement ).value;
  }
  
  
  ButtonElement mybt1;
  mybt1 = querySelector('#but_1');
  mybt1.text = "try me!";
  mybt1.onClick.listen( myClick );
  }
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>t5</title>
    <link rel="stylesheet" href="styles.css">
    <script async src="main.dart" type="application/dart"></script>  
 <!--   <script async src="main.js"></script> --> 
</head>
<body>
<div id='hw'></div>
<br/><br/><br/><br/>  
<input id='inputtxt'/>
<div id='bind'></div>
<br/><br/><br/><br/>  
<input id='ipt_1' style="width: 100px; height: 60px;"/>
<button id='but_1'  style="width: 100px; height: 60px;" ></button>
<div id='but_1_div'></div>
</body>
</html>

结果:

© 著作权归作者所有

共有 人打赏支持
粉丝 3
博文 17
码字总数 2287
作品 0
广州
Dart语言【009】DOM 操作

一、什么是DOM DOM是文档对象模型(Document Object Model)的简称。 在这个模型中,用一个有若干结点的树来表示一个web页面。将<html>视为根结点,如果<x>中有<y>,则将<y>视为<x>的子结点。...

风华神使
2015/05/29
0
0
《Dart 语言导览》发布

旨在改善 web 应用开发过程的 Dart 团队本周发布了《Dart 语言导览》(A Tour of the Dart Language),详细介绍了 Dart 语言的各项功能,是快速入门的极佳读物,也是 Dart 语言用户的便捷参...

红薯
2012/04/23
3.2K
9
开发工具总结(10)之Flutter从配置到安装运行详解

Flutter是谷歌今年年初提出的一个新工具,可以跨平台开发安卓,ios,还支持kotlin语法,最近研究了一下Flutter,这个工具从安装到运行经历了九九八十一难,好在终于成功运行起来了。下面看一下...

AWeiLoveAndroid
05/10
0
0
Flutter学习总结----第一章、Flutter基础

Flutter学习总结: 更多相关内容和示例代码,请看我的github: https://github.com/AweiLoveAndroid/Flutter-learning 第1章、基础入门 1.1 Flutter简介 1.1.1 跨平台框架的发展历史 详情请看...

AWeiLoveAndroid
06/21
0
0
iOS动画系列之六:利用CABasic Animation完成带动画特效的登录界面

发现毫无节制的继续拓展是一件没有尽头的事情。原计划五篇完成的CAAnimation系列已经这是第六篇了,还至少有三篇才会完成。 最开始分享这个iOS Apprentice Notes的时候就是打算从基础的部分开...

非典型技术宅
2017/09/20
0
0
Activity 与 Fragment 之间相互通信

欢迎转载,但请保留文章原始出处→→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4000390.html 联系方式:smyhvae@163.com 【正文】 一、接口回...

iSnowFlake
2015/11/19
0
1
Windows Azure入门教学系列 (一): 创建第一个WebRole程序

公告 :本博客为微软云计算中文博客 的镜像博客。 部分文章因为博客兼容性问题 ,会影响阅读体验 。如遇此情况,请访问 原博客 。 这是一系列 Windows Azure入门教学文章的第一篇。 在第一篇...

晨曦之光
2012/03/09
0
0
[python应用案例] 一.BeautifulSoup爬取天气信息并发送至QQ邮箱

前面作者写了很多Python系列文章,包括: Python基础知识系列:Python基础知识学习与提升 Python网络爬虫系列:Python爬虫之Selenium+Phantomjs+CasperJS Python数据分析系列:知识图谱、web...

eastmount
05/03
0
0
Hprose/hprose-wx

Hprose 2.0 微信小程序专用版 简介 Hprose 是高性能远程对象服务引擎(High Performance Remote Object Service Engine)的缩写。 它是一个先进的轻量级的跨语言跨平台面向对象的高性能远程动...

Hprose
2016/11/11
0
0
炒冷饭系列:设计模式 装饰模式

炒冷饭系列:设计模式 装饰模式 摘要: 原创出处: http://www.cnblogs.com/Alandre/ 泥沙砖瓦浆木匠 希望转载,保留摘要,谢谢! 钢琴弹得好是艺术,文章写的好也是艺术。 一、什么是装饰模式...

泥沙砖瓦浆木匠
2014/08/10
0
4

没有更多内容

加载失败,请刷新页面

加载更多

下一页

idea tomcat 远程调试

tomcat 配置 编辑文件${tomcat_home}/bin/catalina.sh,在文件开头添加如下代码。    CATALINA_OPTS="-Xdebug -Xrunjdwp:transport=dt_socket,server=y,suspend=n,address=7829" Idea端配......

qwfys
今天
1
0
遍历目录下的文件每250M打包一个文件

#!/usr/bin/env python # -*- utf-8 -*- # @Time : 2018/7/20 0020 下午 10:16 # @Author : 陈元 # @Email : abcmeabc@163.com # @file : tarFile.py import os import tarfile import thr......

寻爱的小草
今天
1
0
expect同步文件&expect指定host和要同步的文件&构建文件分发系统&批量远程执行命令

20.31 expect脚本同步文件 expect通过与rsync结合,可以在一台机器上把文件自动同步到多台机器上 编写脚本 [root@linux-5 ~]# cd /usr/local/sbin[root@linux-5 sbin]# vim 4.expect#!/...

影夜Linux
今天
0
0
SpringBoot | 第九章:Mybatis-plus的集成和使用

前言 本章节开始介绍数据访问方面的相关知识点。对于后端开发者而言,和数据库打交道是每天都在进行的,所以一个好用的ORM框架是很有必要的。目前,绝大部分公司都选择MyBatis框架作为底层数...

oKong
今天
12
0
win10 上安装解压版mysql

1.效果 2. 下载MySQL 压缩版 下载地址: https://downloads.mysql.com/archives/community/ 3. 配置 3.1 将下载的文件解压到合适的位置 我最终将myql文件 放在:D:\develop\mysql 最终放的位...

Lucky_Me
今天
1
0
linux服务器修改mtu值优化cpu

一、jumbo frames 相关 1、什么是jumbo frames Jumbo frames 是指比标准Ethernet Frames长的frame,即比1518/1522 bit大的frames,Jumbo frame的大小是每个设备厂商规定的,不属于IEEE标准;...

问题终结者
今天
1
0
expect脚本同步文件expect脚本指定host和要同步的文件 构建文件分发系统批量远程执行命令

expect脚本同步文件 在一台机器上把文件同步到多台机器上 自动同步文件 vim 4.expect [root@yong-01 sbin]# vim 4.expect#!/usr/bin/expectset passwd "20655739"spawn rsync -av ro...

lyy549745
今天
1
0
36.rsync下 日志 screen

10.32/10.33 rsync通过服务同步 10.34 linux系统日志 10.35 screen工具 10.32/10.33 rsync通过服务同步: rsync还可以通过服务的方式同步。那需要开启一个服务,他的架构是cs架构,客户端服务...

王鑫linux
今天
0
0
matplotlib 保存图片时的参数

简单绘图 import matplotlib.pyplot as pltplt.plot(range(10)) 保存为csv格式,放大后依然很清晰 plt.savefig('t1.svg') 普通保存放大后会有点模糊文件大小20多k plt.savefig('t5.p...

阿豪boy
今天
3
0
java 8 复合Lambda 表达式

comparator 比较器复合 //排序Comparator.comparing(Apple::getWeight);List<Apple> list = Stream.of(new Apple(1, "a"), new Apple(2, "b"), new Apple(3, "c")) .collect(......

Canaan_
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部