如何在Dart中创建HTML链接？

凡在HTML我会写：

You can click <a href="url_1">here</a> and <a href="url_2">there</a>.

我不知道如何做到这一点的飞镖。我想是这样的：

LinkElement link1; 
link1.href = "url1";

我不知道如何像上面的例子HTML静态句子中插入link1对象。

来源

2013-05-15 ecastanie

有很多方法可以做到这一点;这里有两个：

import 'dart:html'; 

void main() { 
    // Method one: build everything from scratch 
    var p = new ParagraphElement(); 
    var link1 = new AnchorElement() 
    ..href = 'url_1' 
    ..text = 'here'; 
    var link2 = new AnchorElement() 
    ..href = 'url_2' 
    ..text = 'there'; 

    p ..appendText('You can click ') 
    ..append(link1) 
    ..appendText(' and ') 
    ..append(link2) 
    ..appendText('.'); 

    document.body.children.add(p); 

    // Method two: just set `innerHtml` with an HTML fragment 
    var p2 = new ParagraphElement() 
    ..innerHtml = 'You can click <a href="url_1">here</a> ' 
        'and <a href="url_2">there</a>.'; 

    document.body.children.add(p2); 
}

你可以做一些在这两个极端之间，或者你习惯了，你可以把它写在HTML文件中，让你需要的作品适当id S或class ES所以你可以从Dart访问它们。从你的问题中很难确切知道你的需求是什么，但这些选择应该涵盖你认为适合你的情况的任何东西。

来源

2013-05-15 21:44:18

如何在Dart中创建HTML链接？

回答

相关问题