如何在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鏈接？

回答

相關問題